10.9随笔

Posted 2021-01-11 liuyangya

元素节点的属性★

html:

<div id="mydiv"><p>哈哈</p></div>

JS:

mydiv.innerText;/*哈哈*/

mydiv.innerHTML;/*<p>哈哈</p>*/

mydiv.outerHTML;/*<div id="mydiv"><p>哈哈</p></div>*/

元素节点的方法★

getAttribute(attr)   通过元素节点的属性名称获取属性的值

setAttribute(attr,value)    增加一个指定名称和值的新属性,或者把一个现有 的属性设定为指定的值

appendChild(node)    在指定节点的子节点列表最后添加一个新的子节点

insertBefore(new,old)    在指定节点的子节点前插入一个新的子节点

removeChild(childNode)   从子节点列表中删除某个节点.如删除成功，此方 法可返回被删除的节点,如失败,则返回 NULL

remove()/removeNode(true)  删除当前元素并且删除其子孙元素，IE使用

removeNode(true)

createElement(tagName)   可创建元素节点,此方法可返回一个 Element 对象

replaceChild(new,old)    实现子节点(对象)的替换。返回被替换对象的引用

cloneNode(true)  克隆节点,如果参数为true,则同时克隆其子节点

 

 

JS控制CSS

1. 行内样式:

mydiv.style.backgroundColor=‘red‘;

mydiv.style.width=‘200px‘;

mydiv.style.height=‘200px;

2. 类样式:

mydiv.className=‘a b c‘;

this(函数的所有者)

1. 全局变量,全局函数都属于window,所以默认this就是window.

2. 如果函数是某个对象里面定义的,那么该函数中的this就是该对象

 

 

 

 

 

小练习1

 

 

如图：