javascript复习（属性操作）

<input type='button' id='btn1' value='hello'>

<p id='p1'>这是一段文字</p>

html属性操作

1.html属性的读操作获取，找到 

元素.属性名

 

2.html属性的写操作修改，替换

 元素.属性名=新的值

 注意：(一)class是元素的特殊属性

   元素.class是获取不到值的

   要获取元素的class值必须使用

元素.getAttribute('class')/元素.className

      (二)修改元素的class值使用 

               元素.setAttribute('class','新值')/元素.className='新值'

innerHTML： <p>这是一段文字</p>获取元素内的所有html内容

var p1= document.getElementById('p1')

p1.innerHTML获取p1中所有的html内容，包括标签

p1.innerHTML='hello'修改p1中的html内容

注意：当p标签中内嵌包括p标签在内的块级元素时 p1.innerHTML获取不到任何东西

当使用p1.innerHTML=新的值时，新值不会覆盖原有的值，其会在原有的值前插入

innerHTML会读取元素所包含的所有Html内容，包括文本内容和标签

textContent只读取元素中的所有文本内容