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