導航:首頁 > 編程語言 > js獲取到span中的值

js獲取到span中的值

 發布時間：2025-03-18 16:56:37

㈠ js獲取span的內容

不知道樓主是要獲得span里的什麼東西, 你的span里是一個<a>標簽元素啊

不知道專是不是這個意思屬

var span = $('#like_5920');
alert($(span).find('a').text());

輸出: 喜歡(1)

㈡ js如何獲取input輸入框中輸入的值

可以用value屬性獲取input輸入框中的值。

1、新建html文檔，在body標簽中添加input標簽、button標簽和span標簽，點擊按鈕span標簽中顯示輸入框中的值：

㈢ 怎麼利用js取下面的span值，

方法一：.innerText
var a = document.getElementByClassName("active").innerText;

alert(a);

方法二：.innerHTML
var b = document.getElementByClassName("active").innerHTML;

alert(b);

希望給予採納 謝謝

㈣ 急！怎麼用js提取出span標簽內style里的屬性值

CSS的樣式分為三類：
內嵌樣式：是寫在Tag裡面的，內嵌樣式只對所有的Tag有效。
內部樣式：是寫在HTML的裡面的，內部樣式只對所在的網頁有效。
外部樣式表：如果很多網頁需要用到同樣的樣式(Styles)，將樣式(Styles)寫在一個以.css為後綴的CSS文件里，然後在每個需要用到這 些樣式(Styles)的網頁里引用這個CSS文件。

getComputedStyle是一個可以獲取當前元素所有最終使用的CSS屬性值。返回的是一個CSS樣式對象([object CSSStyleDeclaration])
currentStyle是IE瀏覽器的一個屬性，返回的是CSS樣式對象

element指JS獲取的DOM對象
element.style //只能獲取內嵌樣式
element.currentStyle //IE瀏覽器獲取非內嵌樣式
window.getComputedStyle(element,偽類) //非IE瀏覽器獲取非內嵌樣式
document.defaultView.getComputedStyle(element,偽類)//非IE瀏覽器獲取非內嵌樣式
註：Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) 之前，第二個參數「偽類」是必需的（如果不是偽類，設置為null），現在可以省略這個參數。

下面的html中包含兩種css樣式，id為tag的div是內嵌樣式，而id為test的div樣式為內部樣式.

<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content="YvetteLau">
<metaname="Keywords"content="關鍵字">
<metaname="Description"content="描述">
<title>Document</title>
<style>
#test{
width:500px;
height:300px;
background-color:#CCC;
float:left;
}
</style>
</head>
<body>
<divid="test"></div>
<divid="tag"style="width:500px;height:300px;background-color:pink;"></div>
</body>
</html>
<scripttype="text/javascript">
window.onload=function(){
vartest=document.getElementById("test");
vartag=document.getElementById("tag");

//CSS樣式對象:CSS2Properties{},CSSStyleDeclaration
console.log(test.style);//火狐返回空對象CSS2Properties{}，谷歌返回空對象CSSStyleDeclaration{}
console.log(tag.style);//返回CSS2Properties{width:"500px",height:"300px",background-color:"pink"}
//element.style獲取的是內嵌式的style，如果不是內嵌式，則是一個空對象

console.log(tag.style.backgroundColor);//pink
console.log(tag.style['background-color']);//pink
//獲取類似background-color,border-radius,padding-left類似樣式的兩種寫法啊

console.log(test.currentStyle)//火狐和谷歌為Undefined,IE返回CSS對象
console.log(window.getComputedStyle(test,null))//谷歌返回CSSStyleDeclaration{……}，火狐返回CSS2Properties{……}
console.log(window.getComputedStyle(test))
//效果同上,但是在Gecko2.0(Firefox4/Thunderbird3.3/SeaMonkey2.1)之前,第二個參數「偽類」是必需的(如果不是偽類,設置為null)

console.log(test.currentStyle.width);//500px(IE)
console.log(window.getComputedStyle(test).width);//500px;
console.log(window.getComputedStyle(test)['width']);//500px;
//document.defaultView.getComputedStyle(element,null)[attr]/window.getComputedStyle(element,null)[attr]
}
</script>

㈤ js里怎麼獲取span裡面的值

  1. 通過id獲span裡面的值

  2. varx1=document.getElementById("testid").innerText;

    alert("x1="+x1);

閱讀全文

與js獲取到span中的值相關的資料

熱點內容
哪些app可以租兩個月房子 瀏覽：727
蘋果app下載文件怎麼拷貝 瀏覽：472
蘋果4s2016年還用丟臉嗎 瀏覽：795
怎麼總結做出來的數據分析 瀏覽：250
文件中的附件2是什麼意思 瀏覽：289
如何通過數據工具轉型 瀏覽：242
iosapp圖標文件名 瀏覽：818
微信可以發電腦文件嗎 瀏覽：948
javaexcel2007兼容包 瀏覽：556
文件櫃三門尺寸多少 瀏覽：279
僵屍咖啡廳15安卓 瀏覽：921
js加密c解密 瀏覽：79
mac如何打開ink文件 瀏覽：333
電腦重裝映像文件無效 瀏覽：24
在就電腦上安裝win10還需要分區嗎 瀏覽：801
歐姆龍編程軟體哪個好用嗎 瀏覽：656
執行文件導入什麼菜單 瀏覽：310
qq空間顯示地點四個字 瀏覽：317
更改文件名是什麼許可權 瀏覽：980
手機做ppt的視頻的軟體是什麼格式的文件 瀏覽：526

友情鏈接