亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于HTML DOM 的添加子節點appendChild()方法

標簽:
Html/CSS Html5

script放<body>外是加载页面时按顺序加载,遇function()则跳过

        • 放<body>内不会加载,被调用时加载
          也就是function()放哪都可以,只要是html里面。
          通过函数方法调用,
          1' 先createElement()元素节点,保存给变量a;
          2' 再createElementTextNode()文本节点,保存给变量b;
          3' 调用变量a的方法appendChild(b) 来追加文本到元素节点中;
          4' 把元素节点添加到列表中
          
          <!DOCTYPE html>
          <html>
          <body>

<ul id="myList"><li>apple</li><li>pineApple</li></ul>

<button onclick="myFunction()">添加</button>

<script>
function myFunction()
{
var node=document.createElement("LI");
var textnode=document.createTextNode("Windows");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
</script>

</body>
</html>

點擊查看更多內容
3人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消