导航:首页 > 编程语言 > 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中的值相关的资料

热点内容
javaexcel2007兼容包 浏览：556
文件柜三门尺寸多少 浏览：279
僵尸咖啡厅15安卓 浏览：921
js加密c解密 浏览：79
mac如何打开ink文件 浏览：333
电脑重装映像文件无效 浏览：24
在就电脑上安装win10还需要分区吗 浏览：801
欧姆龙编程软件哪个好用吗 浏览：656
执行文件导入什么菜单 浏览：310
qq空间显示地点四个字 浏览：317
更改文件名是什么权限 浏览：980
手机做ppt的视频的软件是什么格式的文件 浏览：526
苹果5s有没有分期付款的 浏览：248
新建一个文件的快捷键 浏览：368
网络的不安全事故 浏览：371
类似0011qq的网站 浏览：410
微信奢侈品法律风险 浏览：982
iejs实现全屏显示 浏览：495
dnf90版本男格斗武器 浏览：743
台湾网络电视台直播 浏览：332

友情链接