本文目录一览:
- 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掉。