元素内容的操作

DOM元素内容和DOM元素属性的操作

DOM元素内容操作：

1、元素.innerText：只识别内容，不能解析标签

2、元素.innerHTML ：能够解析标签

3、document.write() ：只能追加到body中

注意点：innerText和innerHTML 只能修改双标签的内容，无法操作DOM单标签

DOM元素属性的操作：

最常见的属性比如： href、title、src 等

语法：对象.属性 = 值

img.src = 图片路径

对象.属性：赋值就是修改或者添加，不赋值就是获取属性的值；

注意点： disabled、checked、selected属性的返回值是一个布尔值

例如：点击按钮可以把密码框变成文本框

    <input type="password" class="pwd"> <button class="bian">变</button>
    <script>
        // 获取密码框
        let pwd = document.querySelector('.pwd')
            // 获取变按钮
        let bian = document.querySelector('.bian')
       //给按钮添加一个单击事件
        bian.addEventListener('click', function() {
                // 判断input.type属性是否是‘password’
                let typeName = pwd.type === 'password' ? 'text' : 'password'
                //给input标签type属性赋值
                pwd.type = typeName
            })
    </script>