本文目录一览:
- 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");