(innerhtml添加标签)(innerhtml有值但是页面上没有标签)

对DOM节点进行取值赋值时主要是针元素的文本和属性节点进行操作

元素节点:就是指带<>符号的标签,可分为单标签与双标签

1 单标签元素节点:就是由一个标签组成的,经常进行DOM操作的就两个即<input/>和<img/>主要针对其属性进行操作

<input>标签有两个最重要的属性: 1 type(决定标签是按钮,文本框或者其他类型的标签) 2 value(获取或设置此元素节点的文本值)

表单元素

示例为文本框类型的标签,其他的如按钮,单选按钮,复选框,文本域等与此类型,以后用到再说,暂时不再多做赘述

<img>标签有2个重要属性: 1 src(设置图片路径) 2alt(图片不能正常显示时的提示信息)

图片

2 双标签元素节点:就是由开始/结束两个标签组成的例如<div></div>;<a></a>;<li></li>等,主要针对其两个双标签之间的文本进行操作,一般使用innerText或者innerHTML

设置双标签的文本值

注意:在使用innerText与innerHTML进行取值赋值时的区别:

取值时 innerText:只获取其出文本值而 innerHTML:会获取该标签下面的所有html文本,如果有其他标签会原样取出不会被解析

取值

赋值时 innerText:将用户赋值的内容作为文本传入,即使里面有标签元素 而innerHTML:会将赋值内容中的标签解析生成为HTML中相应的标签元素

赋值