js添加行間樣式,js獲取非行間樣式

本文目錄一覽：

• 1、在JS中如何修改行間距？
• 2、如何用JS給div添加樣式
• 3、JS如何添加行和刪除行?
• 4、JavaScript裏面的獲取非行間樣式是什麼意思？有什麼用？
• 5、Js動態創建的元素，如何設置他們的樣式？我知道委託可以綁定事件，但是不知道如何綁定樣式。

在JS中如何修改行間距？

js修改行間距，主要是針對css樣式的控制；

原生javascript的寫法主要依靠style.lineHeight的屬性，實例：

document.getElementById(“aaa”).style.lineHeight=”100px”;

jquery的寫法，修改行間距的寫法實例：

$(“#aaa”).css(“line-height”,”100px”);

如何用JS給div添加樣式

用JS給div添加樣式是通過js操作css來實現的。

用js方法找到div的dom對象

通過js操作css的style屬性來改變div的樣式

具體舉例如下：

定義div:div id=”myDiv” style=”color:red”改變樣式測試/div

編寫js代碼：

var color = document.getElementById(“myDiv”).style.color;

if (color == “red”)

 document.getElementById(“myDiv”).style.color=”black”;

else

 document.getElementById(“myDiv”).style.color=”red”;

執行js代碼後，div原來是紅色會變成黑色，原來是別的顏色會變成紅色

JS如何添加行和刪除行?

!DOCTYPE html

html lang=””

head

meta charset=”gb2312″

meta name=”viewport” content=”width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no”

title123/title

script src=”Scripts/jquery.min.js” type=”text/javascript”/script

script type=”text/javascript”

$(document).ready(function(){

var spotMax = 30;

if($(‘div.spot’).size() = spotMax) {$(obj).hide();}

$(“input#add”).click(function(){     addSpot(this, spotMax);

});

});

function addSpot(obj, sm) {

$(‘div#spots’).append(

‘div’ +

‘spaninput name=”shengfen” type=”text” //span’+

‘spaninput name=”diqu” type=”text” //span’+

‘input type=”button” class=”remove spot01″ value=”刪除行” //div’)

.find(“input.remove”).click(function(){

$(this).parent().remove();

$(‘input#add’).show();

});

if($(‘div.spot’).size() = sm) {$(obj).hide();}

};

/script

/head

body

spaninput name=”shengfen” type=”text” //span

spaninput name=”diqu” type=”text” //span

input type=”submit” id=”add” name=”Submit” value=”添加行”

div

form method=”post” name=”asdf” id=”asdf”div id=”spots”/div/form

/div

/body

/html

效果這樣（樣式再自己調）

要加jQuery插件進去

不懂再追問

JavaScript裏面的獲取非行間樣式是什麼意思？有什麼用？

div style=’color:red;’/div

上面的 style=’color:red; 叫做 「行間樣式」

非行間樣式指的是你的html元素的樣式不是直接寫在元素里的，而是通過樣式表等方式給html元素添加樣式的，就叫做 『非行間樣式』

望採納

Js動態創建的元素，如何設置他們的樣式？我知道委託可以綁定事件，但是不知道如何綁定樣式。

可以使用腳本框架，例如jQuery或國人的JSer,

設置樣式如：

jQuery: $(“.ad”).css(“樣式名1”, “樣式值”).css(“樣式名2”, “樣式值”);

如： $(“.ad”).css(‘background-color’,’red’).css(‘color’,’green’);

JSer除了像上面那樣寫外，還可以這樣：

JSer(“.ad”).css({backgroundColor:’red’, color:’green’});

如果是綁定樣式名的話：

jquery: $(“.ad”).addClass(“xxx”).addClass(“yyy”);

JSer: JSer(“.ad”).addClass(“xxx yyy”);

看了下你的補充問題，你可以用JSer，像這樣做：

JSer.exec(function(){

setInterval(function(){

JSer(“.ad”).remove();

}, 500);

});

因為不清楚那個ad是什麼時候被創建的，因為有可能是網頁加載完後過幾秒創建的。所以上面的代碼創建一個定時器，直接將.ad廣告remove掉。