欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > javascript >内容正文

javascript

javascript操作dom元素 -ag凯发k8国际

发布时间:2024/10/12 javascript 24 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 javascript操作dom元素 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

查询:

①、标准dom操作api:

  document.getelementbyid("id")、

  document.getelementsbytagname("div")[0]、

  document.getelementsbyname("name")[0]、

  document.getelementsbyclassname('class')[0]、

  document.queryselectorall(".class")[0]。

②、属性获取:

  getattribute、

  getattributenode。

③、①亲属访问:chilidnodes、attributes。

  ②从一个节点访问另一个节点:

    访问父节点parentnode、

    访问上一个兄弟节点previoussilbling、

    访问下一个兄弟节点nextsilbling、

    访问第一个属性节点attributes[0]。

增加:

①、创建节点:

  创建元素节点document.createlement、

  创建文本节点document.creattextnode、

  创建属性节点document.creatattribute、

  innerhtml、

  innertext、

  clonenode()。

②、加入:

  追加到结尾appendchild、

  innerhtml、

  将元素追加到某一元素之前insertbefore,使用方法是    父元素.insertbefore(新,旧);。

 

三、删除节点:removechild、removeattributenode

转载于:https://www.cnblogs.com/gzy-tw/p/10061100.html

总结

以上是ag凯发k8国际为你收集整理的javascript操作dom元素的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图