JS及demo操作1

Demo 文档对象模型

1、通过id或class定位该元素
2、分析层级机构进行操作

分析以下图片
1、通过inner1 这个id定位到了元素
2、给这个元素赋值一个var demo的变量
3、demo.children是找到它的下一层
4、demo.children[1].value='sss'是下一层的第二个元素赋值sss

demo.lastElementChild 最后一个
demo.firstElementChild 第一个
demo.parentElement    上一层
demo.parentElement.nextElementSibling 下一个兄弟标签
demo.parentElement.nextElementSibling.children 兄弟标签下的子标签
demo.parentElement.nextElementSibling.children[2].children[1].value='aaa' 子标签的第三个元素->下的第二个元素赋值aaa


document.getElementsByClassName('niner') 返回的是一个list，在使用是除非没有id定位的唯一属性才使用这个。
document.getElementsByName('username') name定位

demo
<div class=​"inner" id=​"inner1">​…​</div>​
demo.firstElementChild
<span>​input:  ​</span>​
demo.firstElementChild.innerText='文本框' 对<span>标签进行修改通过innerText

demo.innerHTML 输入整个代码，修改一个标签

demo.innerText 打印文本框，修改中间获取到的文案，变成文本框中的一个字符串
demo.innerText
"文本框"
demo.innerText='qqq'
"qqq"