网站建设资讯

NEWS

网站建设资讯

JavaScript操作元素属性

1.获取元素方法之一

创新互联公司是一家集网站建设,天津企业网站建设,天津品牌网站建设,网站定制,天津网站建设报价,网络营销,网络优化,天津网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

可以使用内置对象document上的getElementByld方法来获取页面上设置了id属性的元素,获取到的是一个HTML对象,然后将它赋值给一个变量

hahahah

方法一:页面语句的执行是从上往下,所以要写在元素的下面 方法二:将JavaScript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行 **2.操作元素属性**

获取的页面元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写。

(1)操作属性的方法

" . "

" {} "

属性写法

(1)HTML的属性和js里面属性写法一样

(2)"class"属性写成"className"

(3)"style"属性里面的属性,有横杠的改成驼峰式,比如:"font-size",改成"style.fontSize"

window.onload = function(){
var odiv = document.getElementById('div1'); /把对象获取的值赋给变量/
var div2 = document.getElementById('div2');
var linka = document.getElementById('link');
/读取属性/
var odiv1 = odiv.id

    /*写属性*/
    odiv.style.color = "red";
    linka.href = "http://www.baidu.com";  /*网站要写全*/
    div2.className = "box2";              /*class---className font-size---fontSize*/

}


123
456 /*属性用变量操作需要用[]*/ var myStyle = "color"; var myValue = 'red'; linka.style[myStyle] = myValue; **3.innerHTML**

innerHTML可以读取或者写入标签包裹的内容

/读取元素的内容/
var val = odiv.innerHTML;
alert(val);

    /*写元素的内容*/
    div2.innerHTML = "QQ"

网站标题:JavaScript操作元素属性
分享路径:http://cdweb.net/article/pdijpp.html