本文目录一览:
- 1、js如何改变一整句内容中某特定字符的显示样式?
- 2、点击span时,js判断textarea的内容为空时,改变p的样式?
- 3、js怎样动态添加文字样式
- 4、JS代码同一个span通过样式(颜色的不同),区分出来
- 5、JSP中如何通过js改变span中字体的颜色啊?
- 6、js获取HTML中标签中的内容包括
js如何改变一整句内容中某特定字符的显示样式?
在样式中字符你要操作它的样式先要把它变成dom 对象,就是在字符h外层加个标签,如i或者span
style type="text/css"
.big{font-size:16px;font-weight:bold;}
.red{color:red;}
/style
div
这是span class="obj_a big"A/span,这是 span class="obj_b red"B/span ,这是C
/div
script type="text/javascript"
//然后你可以用js去修改对象的类名显示不同的样式
//如把obj_b设置为加大
document.querySelectorAll('.obj_b').className='big';
//或者js里面直接写样式
var obj_b=document.querySelectorAll(".obj_b")[0];
obj_b.style.fontWeight='bold';
obj_b.style.fontSize='16px';
/script
还有什么不明白想问的?
点击span时,js判断textarea的内容为空时,改变p的样式?
$('span').click(function(){
var _val = $('input[text:textarea]').val();
_val === '' : $('p').css({"color": "red", "background":"green"})
});
js怎样动态添加文字样式
以改变字体颜色为例
js部分
// 页面加载完毕要执行的操作放到这个函数里
window.onload=function (){
// 使用js实现
document.getElementById('wenzi').style.color="red";
// 使用jqeury实现
$('#wenzi2').css('color','yellow');
}
html部分
span id="wenzi"js动态添加文字样式示例/span
span id="wenzi2"js动态添加文字样式示例2/span
JS代码同一个span通过样式(颜色的不同),区分出来
首先区分有没有span标签 然后在区分color的值 用jquery很好做 给span设置个class $(".span的class").size() 大于0 就有 小于等于0 就没有span标签, $(".span的class").css("color")就可以获取color的颜色值了
JSP中如何通过js改变span中字体的颜色啊?
给span个id属性,参考如下:
input name="submit" type="submit" value="changeColor" onClick="changeColor()"
span id="wenzi"wenzi/span
script
function changeColor(){
document.all['wenzi'].style.color="#ff0000";
}
/script
js获取HTML中标签中的内容包括
span id="span"
span style="color: rgb(229, 51, 51);"2132131321/span
/span
var span = document.getElementById("span").innerHTML;
jquery:
var span = $("#span").html();
扩展资料
pspansome text./spansome other text./p
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
span在行内定义一个区域,也就是一行内可以被span划分成好几个区域,从而实现某种特定效果。span本身没有任何属性,span 标签支持HTML 的全局属性和事件属性。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。可以对同一个 span 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
参考资料:百度百科 span标签
百度百科 HTML