javaScript DOM编程艺术的美术馆效果（getAttribute、setAttribute、childNodes属性、 nodeType简单运用）、属性包含特性

最新推荐文章于 2022-06-02 20:22:31 发布

&XYZ&

最新推荐文章于 2022-06-02 20:22:31 发布

阅读量225

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/JEFF_luyiduan/article/details/88221650

版权

JavaScript 专栏收录该内容

73 篇文章 2 订阅

订阅专栏

源码：

childNodes属性小例子

nodeType简单运用

注意：nodeType属性值一共有12种

常用的是：

元素节点的nodeType属性值是1
属性节点的nodeType属性值是2
文本节点的nodeType属性值是3

属性包含特性：

<body>
 <input type="text" name="属性包含特性" class="" value="" data="" xyz="xyz&&lm">
</body>

<script>
  /*
     属性特性
        特性天生就可以具有的如 id type class value checked  有映射关系 js对象->html标签
        属性包含特性  非特性的属性 data xyz等等    无映射关系 js对象->html标签
        setAttribute getAttribute 是属性就能赋值
        jq源码  attr prop底层原理就是这个
  */
   const input = document.getElementsByTagName("input")[0]
   console.log(input.type)//text
   console.log(input.xyz)//undefined
   //如果你一定要给input添加新的属性，并且可以获取到这个属性值，那就使用setAttribute和getAttribute
   input.setAttribute('newxyz', 'newXyz&&lm')
   console.log(input)//<input type="text" name="属性包含特性" class="" value="" data="" xyz="xyz&&lm">
   console.log(input.getAttribute('newxyz'))//newXyz&&lm
</script>

&XYZ&

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript DOM编程艺术的美术馆效果（getAttribute、setAttribute、childNodes属性、 nodeType简单运用）、属性包含特性

源码：childNodes属性小例子nodeType简单运用注意：nodeType属性值一共有12种常用的是：元素节点的nodeType属性值是1 属性节点的nodeType属性值是2 文本节点的nodeType属性值是3属性包含特性：<body> <input type="text" name="属性包含特性" cl...
复制链接

扫一扫

专栏目录