本文目录一览：
- 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掉。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/249099.html
微信扫一扫 
支付宝扫一扫 