自定义属性,innerText和html 元素


innerTest不会获得子标签,只会获取文本
innerHTMl会获取子标签,会解析标签

属性操作

1对象的style
dv.style.backgroundcolor
2.className


设置自定义属性
setAttribute('',"");
如果有自定义属性,对象是访问不了的,只能访问标签
啊a.setAttribute('自定义的名', 值xxx  );

a标签的title有啥用

节点
nodeType: 1元素节点  
2 属性节点
3文本节点
8注释节点
9文档节点


元素是节点中的一部分
parentNode父节点

parentElement父元素

children  只有元素
childNodes 带有换行乱七八杂的;所有的子节点

第一个子节点
firstChild
第一个子元素节点
firstElementChild
上一个节点
previousElement

节点的创建方式
1body中追加
2innerHtml下级添加
3节点
 元素节点
文本节点
将文本节点放到元素对象中,
元素对象.appendChild(text);
再放入到所用地方


事件解绑
重复绑定会覆盖

.onblur 失去焦点

名字.οnblur=function(){
console.log(this.value);  即可获取失去焦点后的值

}

querySelectorAll 查询选择器
在我们需要找对象,而对象有多个时,可以使用

 <script>
        window.οnlοad=function(){
            var imgs=document.querySelectorAll(".box1>img");
        }
    </script>
</head>
<body>
    <div>
        <h2>美女画廊</h2>
        <div class=" box1">
            <img src="./images/1-small.jpg">
            <img src="./images/2-small.jpg">
            <img src="./images/3-small.jpg">
            <img src="./images/4-small.jpg">
            <img src="./images/5-small.jpg">
        </div>
        <img src="./images/1.jpg" id='bigpic'>
        <p id="text">美女</p>
    </div>

setAttribute
和 setAttribute  可以自定义属性

当获取标签对象时,应该使用
  var a=document.getElementsByTagName('a')[0];
e.stopPropagation();阻止冒泡

Attribute  属性
Element 元素
previousSibling
previous 上一个
Sibling  子类
appendChild
append 附加
child 子项

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值