JS基础2

JS 基础2

innerHTML 与 innerText的区别

innerHTML 会解析 HTML所有的标签 不会解析标签中的内容

innerText 不会解析标签 会将标签与标签中的内容一起当文本格式打印出来

区别innerHTML 与 innerText  可以通过
first    

在 console.log(first.innerText)
通过打印的内容去判断他们的区别


第二部分
根据优先级来看
标签选择器的优先级是1
后代选择器
类选择器的优先级10
id选择器的优先级是100
style行间样式的优先级是1000

通过 标签 名来获取 元素

var  bottom = document.getElementsByTagName("input")[1];


通过类标签,类名获取一组元素 获取事件

var uNames = document.getElementsByClassName("uName");

var id  = document.getElementById("ID");


事件的运用

运行说明 点击bottom按钮,text文本框里的值会加1,first矩形会逐渐增大

建立两个 text 窗体  一个button按钮,左边窗体输入一个数字,右边窗体输出是奇数还是偶数.