JavaScript中常见属性

常用属性：id,className,value,style(background,color,width,height,cssText),innerHTml,href,src,tagName

1.href值和src值获取到的是绝对路径

2.style是行间属性（cssText会替换掉当前所有的行间属性）

3. class是关键字，的改成className来获取

4. tagname获取到的是大写字母

 <!--className属性 -->
  <div id="box" class="active"></div>

  <!--value属性 -->
  <input id="input1" type="text" value="请输入密码">

  <!-- innerHTML属性 -->
  <p id="txt">
    这是文字内容12345
  </p>
  <script>
    // className属性
    var box = document.getElementById('box')
    console.log(box.id)
    console.log(box.class) // 输出的是 undefined；
    console.log(box.className) // 输出的是，active，想获取class一定要使用className;

    // value 属性
    var input1 = document.getElementById('input1')
    console.log(input1.value)

    // style属性下的cssText样式
    box.onclick = function () {
      // box.style.background = 'green';
      // box.style.width = '200px';
      // box.style.height = '200px';
      box.style.cssText = 'width:200px;height:200px;background:green;'
    }

    // innerHTML属性
    var txt = document.getElementById('txt')
    console.log(txt.innerHTML)
    txt.innerHTML = '123456'; // 完整替换上面的内容；

    // tagName属性
    console.log(input1.tagName) // 输出来的是 INPUT 标签名大写的
    console.log(box.tagName) // 输出来的是 DIV 标签名大写的