js操作元素样式、元素内容和元素属性的方法

您所在的位置：网站首页 › js获取元素的方法有几种 › js操作元素样式、元素内容和元素属性的方法

js操作元素样式、元素内容和元素属性的方法

2023-09-18 01:55| 来源: 网络整理| 查看: 265

一、JS操作元素内容及元素属性 1 操作元素内容简介：

元素内容指开始标签与结束标签之间的内容，单标签没有元素内容，表单标签除外。

1.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不能。

1.2操作表单元素内容

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

例：

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; }

上面的代码是获取密码框里的内容，并将其赋予密码框下的文本框，如下图： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dshl6NPm-1607560370716)(C:\Users\admin\AppData\Local\Temp\1607

【本文地址】

js操作元素样式、元素内容和元素属性的方法

js操作元素样式、元素内容和元素属性的方法

今日新闻

推荐新闻