日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js---html元素操作

發布時間:2025/7/14 编程问答 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js---html元素操作 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

思路:創給節點添加一個元素:步驟:

1:創建元素節點

2:創建文本節點

3:將該文本添加到元素上

4:將該元素追加到其他元素上

appendChild() 方法,將新元素作為父元素的最后一個子元素進行添加,如需不想作為最后一個添加,則可使用 insertBefore() 方法。如下代碼:

1 <div id="div1"> 2 <p id="p1">This is a paragraph.</p> 3 <p id="p2">This is another paragraph.</p> 4 </div> 5 6 <script> 7 var para=document.createElement("p"); 8 var node=document.createTextNode("This is new."); 9 para.appendChild(node); 11 var element=document.getElementById("div1"); 12 var child=document.getElementById("p1"); 13 element.insertBefore(para,child); 14 </script>

?

?

修改 HTML = 改變元素、屬性、樣式和事件。

修改 HTML 元素

修改 HTML DOM 意味著許多不同的方面:

  • 改變 HTML 內容
  • 改變 CSS 樣式
  • 改變 HTML 屬性
  • 創建新的 HTML 元素
  • 刪除已有的 HTML 元素
  • 改變事件(處理程序)

在接下來的章節,我們會深入學習修改 HTML DOM 的常用方法。

創建 HTML 內容

改變元素內容的最簡答的方法是使用 innerHTML 屬性。

下面的例子改變一個 <p> 元素的 HTML 內容:

實例

<html> <body><p id="p1">Hello World!</p><script> document.getElementById("p1").innerHTML="New text!"; </script></body> </html>

?

提示:我們將在下面的章節為您解釋例子中的細節。

改變 HTML 樣式

通過 HTML DOM,您能夠訪問 HTML 元素的樣式對象。

下面的例子改變一個段落的 HTML 樣式:

實例

<html><body> <p id="p2">Hello world!</p><script> document.getElementById("p2").style.color="blue"; </script></body> </html>

?

創建新的 HTML 元素

如需向 HTML DOM 添加新元素,您首先必須創建該元素(元素節點),然后把它追加到已有的元素上。

實例

<div id="d1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div><script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);var element=document.getElementById("d1"); element.appendChild(para); </script>

?

轉載于:https://www.cnblogs.com/m-xy/p/3421097.html

總結

以上是生活随笔為你收集整理的js---html元素操作的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 色爱五月天 | 国产不卡一 | 天天爽夜夜操 | 天堂视频网 | 奇米影视777第四色 2019中文字幕在线免费观看 | 日本精品入口免费视频 | 秋霞午夜网 | 国产精品揄拍一区二区 | 99精品在线播放 | 一区精品视频 | 成人一级黄色 | 亚洲天堂精品视频 | av中文字幕在线免费观看 | 日韩精品一区二区三区中文在线 | 少妇捆绑紧缚av | 久久免费国产精品 | 成人h在线观看 | 成人av手机在线观看 | 欧美一区二区三区成人久久片 | 日本女人性视频 | 日本黄网站 | 日本少妇电影 | 色狗网站 | 精品成人无码久久久久久 | 香蕉在线看 | 跪求黄色网址 | 高清免费毛片 | 97人妻精品一区二区 | 成人小说亚洲一区二区三区 | 亚洲一区二区三区免费视频 | 亚洲午夜网| 色骚网 | 亚洲偷| 九九九九精品 | mm视频在线观看 | 99热播| 色婷婷国产精品久久包臀 | 欧美在线日韩在线 | 九月婷婷丁香 | 国产精品超碰 | 韩日av片 | 四虎视频国产精品免费入口 | 久热这里只有精品在线 | 一色综合 | 午夜免费福利网站 | 欧美亚洲视频在线观看 | 国产资源免费 | 二区三区av | 欧美精品一区在线 | 日本欧美久久久 | 超碰在线看 | 国产经典一区二区三区 | 日韩精品视频在线免费观看 | 韩国成人在线视频 | 午夜视频污 | 国产真人无遮挡作爱免费视频 | 欧美第一夜 | 欧美欧美欧美 | 亚洲中文字幕久久无码 | 亚洲精品97久久中文字幕无码 | 日韩av毛片 | 国产盗摄精品一区二区酒店 | 我的公把我弄高潮了视频 | 69超碰 | 日韩精品影视 | 久久精品在线 | 久久久久久91香蕉国产 | 九九在线观看免费高清版 | 国产黄色免费 | 毛片成人| 日韩中文字幕国产 | 国产午夜精品久久久 | av免费看网站 | 成人av电影网站 | 亚洲色妞| 天天干天天操天天 | 国产原创视频在线 | 无码人妻一区二区三区在线视频 | 成年人视频免费看 | 91丝袜呻吟高潮美腿白嫩 | 人妻精品一区 | 国产福利社 | 69福利视频 | 色99在线| 亚洲欧美在线免费观看 | 日韩一区二区三区在线观看视频 | 午夜成人免费影院 | 色射影院 | 久久精国产 | 国产精品一线 | youjizzcom日本 | 国产亚洲欧美精品久久久久久 | 天天综合网久久综合网 | av黄色片在线观看 | 丝袜 亚洲 另类 国产 制服 | 天天射天天拍 | 亚洲精品久久久久久久久久吃药 | 国产精品一线 | 少妇aaaaa|