JS操作元素内容

一、1.操作闭合标签内容

1.闭合标签的内容需要设置或修改,使用闭合标签的innerHTML属性。
语法:
设置:标签.innerHTML = “内容”;
获取:var text = 标签.innerHTML;

var a= document.getElementById("text");
//1.设置内容。
a.innerHTML = "内容";

//2.innerHTML会覆盖原本的内容,如果想保留之前内容的,既:之前+现在。则
//a.innerHTML = a.innerHTML+"内容";
a.innerHTML += "内容";

2.innerHTML与innerText都可以操作标签内容,但innerHTML能识别标签,innerText不能。

2.操作表单元素内容

操作表单元素用的是表单的value属性。
如:
表单元素.value = “值”; //设置表单元素的内容
var a = 表单元素.value; //获取表单元素的内容

<input type="password" name="password" id="password"><br>
    <input type="text" name="text" id="text"><br>
    <input type="button" value="填充" id="button">


    
    <script>
        var text = document.getElementById("text");
        var password = document.getElementById("password");
        var btn = document.getElementById("button");

        btn.onclick = function () {
            var biu = password.value;           
            text.value = biu;
        }
    </script>

二、js操作元素属性

语法:

元素.属性名 = “属性值”;

<div id="content" ></div>

<script>
    var con = document.getElementById("content");
    con.id = "a";
 </script>
123456

 三、 js操作元素样式

语法:

元素.style.样式名 = “样式值”;
如:

<div id="content" ></div>

<script>
    var con = document.getElementById("content");
    con.style.background ="#00ffff";
 </script>
123456

 

四、 cssText

cssText用于设置html的style属性值,如:

<script>
   var a = document.getElementById("元素的ID名");
   a.style.cssText = "width:100px; height:100px;background:#ccc";
</script>

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值