DOM编程——操作元素

我们发现：
操作属性直接：“元素.属性=结果”就可以了
操作样式需要：“元素.style.驼峰命名的样式名=结果”

操作属性、样式js代码如下，很简单


function iChange() {
 
    var ele = document.getElementById("fInput")
 
    ele.value = prompt("请输入你希望填入的结果")
 
    // alert("type is : " + ele.type + "          and id is : " + ele.id + "          and new value is : " + ele.value)
 
    // 每次弹窗很烦，所以就关了，但是展示一下是有可以直接获得属性这个功能的
 
    console.log(("type is : " + ele.type + "          and id is : " + ele.id + "          and new value is : " + ele.value)) 
 
    ele.style.backgroundColor = "lightgray"
 
    ele.style.color = prompt("请输入你希望字体改变的结果颜色(英文全小写输入):")

}

操作元素：操作属性、操作样式、操作文本