JavaScript中有两种常用的修改HTML节点文本的方法
博客专区 > tbaby 的博客 > 博客详情
JavaScript中有两种常用的修改HTML节点文本的方法
tbaby 发表于3年前
JavaScript中有两种常用的修改HTML节点文本的方法
  • 发表于 3年前
  • 阅读 21
  • 收藏 0
  • 点赞 0
  • 评论 0

华为云·免费上云实践>>>   

摘要: JavaScript中有两种常用的修改HTML节点文本的方法

在JavaScript中有两种常用的修改HTML节点文本的方法:


使用firstChild和nextSiblig的定位:

function test(e){
key=document.getElementById(e.target.id);
key.firstChild.nodeValue="test";
}


通过ID进行定位:

function  test(e){
document.getElementById("test").innerHTML="test";
}


优劣性对比:

第一种方法虽然可以定位任何一个对象,但是对HTML做的每项更改都有可能会改变元素在DOM体系中的位置,所以第二种比第一种更好。


标签: javascript html 前端
共有 人打赏支持
tbaby
粉丝 22
博文 32
码字总数 14718
作品 7
×
tbaby
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: