JS-getelement用法

来源:互联网 发布:神户大学 知乎 编辑:程序博客网 时间:2024/05/29 16:28
<script type="text/javascript">    //文档就绪函数    window.onload=function(){        var d=document.getElementById('d');   //通过id去找        //添加文本信息        d.innerText="";//添加文本        d.innerHTML="tag";//可添加标签  可添加文本        var abc=document.getElementsByName('abc');        //通过数组的下标得到对应元素        abc[0].innerText="草边河青青";        //通过标签名字        var span=document.getElementsByTagName('span');        span[0].innerText="ccccccc";        //通过classname找到对应元素        var c=document.getElementsByClassName('c');        for(var i=0;i< c.length;i++){            c[i].innerText="哈哈哈哈哈啊啊啊啊啊啊啊啊啊";        }    }</script>
对获取的元素更改样式
window.onload=function(){    //通过id找到对应元素    var d=document.getElementById('d');    d.style.color='red';    d.style.cssText+='font-weight:bold';  //正常后面的样式会覆盖前面的样式  这里用+=    d.style.cssText+='font-family:仿宋';    //添加类名    d.className='a'; //方便写样式

原创粉丝点击