jsspan文字样式（jsspan属性的意思）

• 1、js如何改变一整句内容中某特定字符的显示样式？
• 2、点击span时，js判断textarea的内容为空时，改变p的样式？
• 3、js怎样动态添加文字样式
• 4、JS代码同一个span通过样式(颜色的不同),区分出来
• 5、JSP中如何通过js改变span中字体的颜色啊？
• 6、js获取HTML中标签中的内容包括

在样式中字符你要操作它的样式先要把它变成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’).click(function(){

var _val = $(‘input[text:textarea]’).val();

_val === ” : $(‘p’).css({“color”: “red”, “background”:”green”})

});

以改变字体颜色为例

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

首先区分有没有span标签 然后在区分color的值 用jquery很好做 给span设置个class $(“.span的class”).size() 大于0 就有 小于等于0 就没有span标签， $(“.span的class”).css(“color”)就可以获取color的颜色值了

给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

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