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