> 科技
js操作元素的方法(jquey操作元素属性)
导语:JavaScript笔记 操作元素属性
<script type="text/javascript"> //当整个页面加载完成之后再执行 window.onload = function(){ //通过id获取元素 var oDiv = document.getElementById('div1'); ------通过“.”操作属性: //修改title属性 oDiv.title = "这是一个div" oDiv.style.color = 'red'; //“style” 属性里面的属性,有横杠的改成驼峰式, 比如:“font-size”,改成”style.fontSize” oDiv.style.fontSize = 'red'; //“class” 属性写成 “className” oDiv.className = "box01"; ------通过“[ ]”操作属性: var attr = 'color'; //oDiv.style.attr = 'red';无效 oDiv.style[attr] = 'red'; oDiv.['style'][attr] = 'red'; // innerHTML可以读取标签d内容 var txt = oDiv.innerHTML; oDiv.innerHTML = '改过的div'; }</script><div id="div1" class="box01" title="div元素">这是一个div元素</div></bydy>
本文内容由小碧整理编辑!