JS教程06操作元素
Posted zeug
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS教程06操作元素相关的知识,希望对你有一定的参考价值。
操作元素属性
获取的页面元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写。
操作元素属性
var 变量 = 元素.属性名 读取属性
元素.属性名 = 新属性值 改写属性
(1)属性名在js中的写法
1、html的属性和js里面属性写法一样
2、“class” 属性写成 “className”
3、“style” 属性里面的属性,有横杠的改成驼峰式,比如:“font-size”,改成”style.fontSize”
<script type="text/javascript"> window.onload = function() var oInput = document.getElementById(‘input1‘); var oA = document.getElementById(‘link1‘); // 读取属性值 var sValue = oInput.value; var sType = oInput.type; var sName = oInput.name; var sLinks = oA.href; // 写(设置)属性 oA.style.color = ‘red‘; oA.style.fontSize = sValue; </script> ...... <input type="text" name="setsize" id="input1" value="20px"> <a href="https://www.cnblogs.com/zeug/p/11386636.html" id="link1">博客园</a>
(2)innerHTML
innerhtml可以读取或者写入标签包裹的内容
<script type="text/javascript"> window.onload = function() var oDiv = document.getElementById(‘div1‘); //读取 var sTxt = oDiv.innerHTML; alert(sTxt); //写入 oDiv.innerHTML = ‘<a href="https://www.cnblogs.com">博客园<a/>‘; </script> ...... <div id="div1">这是一个div元素</div>
以上是关于JS教程06操作元素的主要内容,如果未能解决你的问题,请参考以下文章