js如何控制csd（js如何控制alert中的換行）

本文目錄一覽：

• 1、js怎麼動態控制div的class？
• 2、js 如何控制class？
• 3、javascript如何控制input的checked屬性
• 4、怎麼通過js 改變display
• 5、JS 如何控制DIV中內容

js怎麼動態控制div的class？

先獲取到li標籤集合，再遍歷該集合把每個className加上去：

script type=”text/javascript”

    var li = document.getElementsByTagName(‘li’);

    for(var i = 0;ili.length;i++){

        li[i].className = i+1;

    }

/script

js 如何控制class？

script type=”text/javascript”

window.onload = function() {

var abcs = document.getElementsByClassName(“abc”);

for(var i = 0; i abcs.length; i++) {

abcs[i].style.width = “50%”;

}

};

/script

注意：上面的代碼不支持 IE 6/7，因為 IE 6/7 不支持 getElementsByClassName。

下面的代碼支持 IE 6/7，使用 getElementsByTagName 查找 div，再查找 abc

script type=”text/javascript”

window.onload = function() {

var divs = document.getElementsByTagName(“div”);

for(var i = 0; i divs.length; i++) {

var classes = divs[i].className.split(” “);

for(var a = 0; a classes.length; a++) {

if(classes[a] === “abc”) {

divs[i].style.width = “50%”;

break;

}

}

}

};

/script

javascript如何控制input的checked屬性

input type=”radio” name=”a” value=”1″ /

input type=”radio” name=”a” value=”2″ /

input type=”radio” name=”a” value=”3″ /

script type=”text/javascript”

var radiovar = document.getElementsByName(“a”);

for(var i=0;iradiovar.length;i++)

{

if(radiovar[i].value==2)//這個2即為你所要找的input的值

radiovar[i].checked = “checked”;

}

//或者用jquery

//$(“input[type=’radio’][value=2]”).attr(“checked”,”checked” );

/script

怎麼通過js 改變display

1、打開hbuilder軟體，新建一個空白的html文件，輸入基本的html結構，這裡設置一個button按鈕用來顯示隱藏div，並且給按鈕一個id，命名為show。同樣也給div一個id，命名為hide：

2、在下方編寫js代碼，首先給獲取button的dom元素，並給其一個click事件，然後獲取div的dom，修改disply的屬性為block，即讓隱藏的div顯示出來：

3、按下crtl+S保存，在瀏覽器里觀察效果：

4、點擊顯示隱藏的按鈕，隱藏的div就出現了。以上就是用js控制display屬性的過程：

JS 如何控制DIV中內容

思路：先獲取div對象，然後用innerHTML屬性設置內容。當div用id屬性標識時，可以直接用document.getElementById()獲取；當div是用其他屬性（如name，class）標識，就需要使用document.getElementsByTagName()獲取對象，然後循環判斷屬性進行篩選。

下面實例演示根據div的class設置div的內容：

1、HTML結構

div class=”test”/div

input type=”text” id=”test”/input type=’button’ value=’發送’ onclick=”fun()”/

2、javascript代碼

function fun(){

var str = document.getElementById(“test”).value;

var divs = document.getElementsByTagName(“div”);

for(i=0;idivs.length;i++){

if(divs[i].className == “test”){

divs[i].innerHTML += “br” +str;

}

}

}

3、效果演示