HTML属性操作

HTML属性操作
?‍?
一、html属性操作：
属性读操作：获取、找到;
语法：元素 . 属性;

<input type="text" id="txt">
<input type="button" id="btn1" value="按钮"/>

window.onload=function(){
    var oTxt=document.getElementById("txt");
    var oBtn=document.getElementById("btn1");
    oBtn.onclick=function(){
        //alert(oBtn.value);//点击按钮弹出属性"按钮"俩字；
        alert(oTxt.value);//弹出用户信息可知用户输入的信息；
    };
};

alert(oBtn.value);点击按钮弹出属性"按钮"俩字；
弹出用户信息可知用户输入的信息； alert(oTxt.value);弹出用户信息可知用户输入的信息；
二、字符串的拼接

    <input type="text" id="txt" value=""/>
    <select id="select1">
        <option vadlue="北京">北京</option>
        <option vadlue="上海">上海</option>
        <option vadlue="杭州">杭州</option>
        <option vadlue="南京">南京</option>
        <option vadlue="广州">广州</option>
    </select>
    <input type="button" id="btn" value="按钮"/>

	window.onload = function () {
        var oTxt = document.getElementById("txt");
       var oSelect1 = document.getElementById("select1");
        var oBtn = document.getElementById("btn");
        oBtn.onclick = function () {
          // alert(oSelect1.value);
            //"淘宝"+"在"+"杭州"=>"杭州"
          alert(oTxt.value+"在"+oSelect1.value);
       }
    }

输入信息点击按钮弹出字符拼接信息

三、属性写操作
属性写操作：（“添加”）替换、修改；
元素.属性名=新的值；

<input type="text" id="txt" value=""/>
    <select id="select1">
        <option vadlue="北京">北京</option>
        <option vadlue="上海">上海</option>
        <option vadlue="杭州">杭州</option>
        <option vadlue="南京">南京</option>
        <option vadlue="广州">广州</option>
    </select>
    <input type="button" id="btn" value="按钮"/>

window.onload = function () {
        var oTxt = document.getElementById("txt");
        var oSelect1 = document.getElementById("select1");
        var oBtn = document.getElementById("btn");
        oBtn.onclick = function () {
           oBtn.value="button";//替换
            //oTxt.value=oSelect1.value;替换
        }
    }

1、 oBtn.value=“button”;替换

2、oTxt.value=oSelect1.value;替换
输入信息

点击按钮替换输入框的内容