js頁面輸出表簽樣式（js輸出標籤）

本文目錄一覽：

• 1、JS 根據HTML標籤內容改變標籤樣式
• 2、js如何把字元串分割並在頁面上以小標籤的形式展現
• 3、js獲取了標籤，怎麼給標籤設置樣式
• 4、怎樣用js修改div里標籤的樣式
• 5、JS輸出一個A標籤
• 6、html中怎麼用js列印一個多行不一樣的標題或文字

JS 根據HTML標籤內容改變標籤樣式

給這個標籤加個id 比如說a href=”#” id=”fontColor” 然後再js標籤中加入

document.getElementById(“fontColor”).style.color=”red” 差不多就這樣 希望對你有幫助

js如何把字元串分割並在頁面上以小標籤的形式展現

//首先拿到一個字元串

var str=”踏青，可賒銷，划船，玩，有折扣，個性DIY”

//分割成String類型的數組

var strArr = str.split(“,”);

//遍歷這個數組

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

//然後把得到的strArr[i]放到標籤中

//標籤的樣式，你可以去這樣的網站自己看怎麼寫的

}

js獲取了標籤，怎麼給標籤設置樣式

script

var s1 = document.getElementById(“id”);//獲取ID

var s2 = document.getElementsByTagName(“div”)//獲取標籤，數組

var s3 = document.getElementsByClassName(“class”)//獲取class,數組

var s4 = document.getElementsByName(“name”);

s1.style.marginLeft=”100″;//向左移動

s1.style.background=”red”;//背景色

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

s2[i].style.background=”blue”;

}

/script

怎樣用js修改div里標籤的樣式

1、新建一個html文件，命名為test.html。

2、在test.html文件內，使用div標籤創建一個模塊，在div內，使用p標籤創建兩行文字，用於測試。

3、在test.html文件內，設置div標籤的id為mytest，主要用於下面通過該id獲得div對象。

4、在test.html文件內，使用button標籤創建一個按鈕，按鈕名稱為「刪除div里的內容」。

5、在test.html文件中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執行delcon（）函數。

6、在js標籤中，創建delcon()函數，在函數內，通過getElementById（）方法利用id（mytest）獲得div對象，通過將對象的innerHTML設置為空，實現刪除div里的內容，但不刪除div本身。

JS輸出一個A標籤

success: function (obj) {

    var o = eval(“(” + obj + “)”);

    var str = “”;

    for (i = 0; i  o.i; i++) {

        str += “a href=\”” + o.LianJie + “\”style=\”width:” + o.KuanDu + “px;\””  +o.Name + “/a”;

        $(“.DaoHang”)[0].innerHTML = str;

    }

}

DaoHang這個樣式如果有多個地方使用，自己按數組取，或者定個唯一的id也行。

另外：$(“.DaoHang”).html(‘a href=”bbb.com”cccc/a’）應該是可以的。

html中怎麼用js列印一個多行不一樣的標題或文字

使用js的document.write()方法

具體使用：

javascript 詳解document.write()方法

在javascript中,document.write()方法；常用來網頁向文檔中輸出內容。

示例：通過document.write()方法,向網頁文檔中輸出了一段文字。

document.write(“這是doc.write方法”);

我們可以通過document.write()方法 來輸出html標籤：同時也可以將css樣式寫入到標籤中，注意書寫格式，及引號之間的轉義。

示例：在網頁中輸出pjavascript輸出HTML標記/p

註：輸出html標籤；只須將標籤寫入雙引號中。

document.write(“p style=’border:1px solid black;width:300px;height:90px;line-height:90px;background:#abcdef;text-align:center;’javascript輸出HTML標記/p”);