js 获取span的值赋给input_框架

要测试了才知道。我一般是解析HTML，然后var a=getElementByClass()Text，然后取里面的元素。alert(a[0])看看是不是我要的，把需要的值提取出来。

</span>

var span = documentgetElementById("span")innerHTML;

jquery:

var span = $("#span")html();

扩展资料

<p><span>some text</span>some other text</p>

如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。

<span>在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。<span>本身没有任何属性，<span> 标签支持HTML 的全局属性和事件属性。

可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

参考资料：

百度百科 span标签

百度百科 HTML

1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。

2、要运行后网页界面如此显示下拉框。

3、接下来我们按照图示代码用js来获取被选中的值。

4、首先我们通过selectedIndex来获得被选中的下标，再通过下标来获得值。

5、当然，如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。

不知道楼主是要获得span里的什么东西, 你的span里是一个<a>标签元素啊

不知道是不是这个意思

var span = $('#like_5920');

alert($(span)find('a')text());

输出: 喜欢(1)

CSS的样式分为三类：

内嵌样式：是写在Tag里面的，内嵌样式只对所有的Tag有效。

内部样式：是写在HTML的里面的，内部样式只对所在的网页有效。

外部样式表：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式对象([object CSSStyleDeclaration])

currentStyle是IE浏览器的一个属性，返回的是CSS样式对象

element指JS获取的DOM对象

elementstyle //只能获取内嵌样式

elementcurrentStyle //IE浏览器获取非内嵌样式

windowgetComputedStyle(element,伪类) //非IE浏览器获取非内嵌样式

documentdefaultViewgetComputedStyle(element,伪类)//非IE浏览器获取非内嵌样式

注：Gecko 20 (Firefox 4 / Thunderbird 33 / SeaMonkey 21) 之前，第二个参数“伪类”是必需的（如果不是伪类，设置为null），现在可以省略这个参数。

下面的html中包含两种css样式，id为tag的div是内嵌样式，而id为test的div样式为内部样式

<!doctype html>

<head>

<title>Document</title>

<style>

#test{

width:500px;

height:300px;

background-color:#CCC;

float:left;

}

</style>

</head>

<body>

</body>

</html><script type = "text/javascript">

windowonload = function(){

var test = documentgetElementById("test");

var tag = documentgetElementById("tag");

//CSS样式对象:CSS2Properties{},CSSStyleDeclaration

consolelog(teststyle); //火狐返回空对象CSS2Properties{}，谷歌返回空对象CSSStyleDeclaration{}

consolelog(tagstyle); //返回CSS2Properties{width:"500px",height:"300px",background-color:"pink"}

//elementstyle获取的是内嵌式的style，如果不是内嵌式，则是一个空对象

consolelog(tagstylebackgroundColor);//pink

consolelog(tagstyle['background-color']);//pink

//获取类似background-color,border-radius,padding-left类似样式的两种写法啊

consolelog(testcurrentStyle) //火狐和谷歌为Undefined,IE返回CSS对象

consolelog(windowgetComputedStyle(test,null))//谷歌返回CSSStyleDeclaration{……} ，火狐返回CSS2Properties{……}

consolelog(windowgetComputedStyle(test))

//效果同上,但是在Gecko 20 (Firefox 4/Thunderbird 33/SeaMonkey 21) 之前,第二个参数“伪类”是必需的(如果不是伪类,设置为null)

consolelog(testcurrentStylewidth);//500px(IE)

consolelog(windowgetComputedStyle(test)width); //500px;

consolelog(windowgetComputedStyle(test)['width']);//500px;

//documentdefaultViewgetComputedStyle(element,null)[attr]/windowgetComputedStyle(element,null)[attr]

}

</script>

以上就是关于js 获取span的值赋给input全部的内容，包括:js 获取span的值赋给input、js获取HTML中<span></span>标签中的内容包括<span>、用js怎样获得下拉框的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9530466.html

js 获取span的值赋给input

发表评论

评论列表（0条）