js获得标签的所有属性_用JS得到A标签href属性值

⑴ 急！怎么用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如何查找所有div中所有a标签中属性color = red的对象，然后alert该对象的ID

在js或者jQuery下面得到指定的div下面的指定a标签的方法：
1、通过id直接获取所需a标签：$("#ids");
2、通过从内属关系获得a标签。容
$("div a");然后对取得的元素遍历，找到需要的a标签即可。

⑶ 用JS得到A标签href属性值

⑷ js如何获取html input标签中内容

jquery获取input值的几种方法来

jquery和javascript获取input输入自框中的值多种实现方法

你好，获取input输入框的值可以用多种方法来实现，具体的要看你实际的情况。

例：

先准备一段HTML

<inputtype="text"id="CSDN_NAME"name="CSDN_NAME"class="CSDN_NAME">

一、jquery方法

通过name实现

varname=$('input[name="CSDN_NAME"]').val();

二、javascript方法

通过id实现

varname=document.getElementById("CSDN_NAME").value

还有更多jquery和javascript来获取input输入框的值的方法可以参照：

jquery获取input值的几种方法

⑸ js 怎么获取标签里的属性

用JS获取Html标签属性有两种方法：

如<a id="link" href="www..com" title="测试"
blogname="前端开发">Web开发</a>

JS代码：

var ka=document.getElementByI d("link");
alert(ka.getAttribute("id"));
alert(ka.id);

两种方法都能弹出a标签的ID属性，但从各浏览器兼容上来说用ka.id的方式更好，但对于自定义属性blogname,则就要用getAttribute()来实现了，如：

alert(ka.getAttribute("blogname")); //前端开发

总结如下：

JS获到Html标签常规属性用ka.id，获到Html标签的自定义属性就用ka.getAttribute("id");

⑹ js怎么获取a标签的属性

vara=document.getElementsByTagName("a");
a.getAttribute("href");//获取a的href属性

⑺ js或者jquery如何获取html标签属性的个数如： <a href="test.html" title="这是一个测试文件"></a>

目前的JQ没有这个属性，
JS有一个attributes属性
类似element.attributes
浏览器之间似乎有差异，你可以试试哈！
我这么专测试了下：
<img src="images/2-23_rz_city.png" width="644" height="125" alt="上海认属证房源期间展厅" id="pp" />
var op = document.getElementById('pp');
var c = op.attributes;
alert(c.length)

火狐显示5 IE9 显示 5 ie8 也是5 ie7 是152
所以这么直接写的话是不行的~！

⑻ js怎样遍历某个标签的所有的属性和值

很简单
$(".class").each(function (){ // 里面放class名字把你想遍历的标签 class名改成一样的
$(this).val(); //值
$(this).attr('id'); // id属性
});

⑼ 怎么用js获取表单里input标签下的name参数的值并修改

一、设计思路如下：

1、通过getElementsByTagName把input对象取出来。

2、通过.name对input的那么属性进行赋值。

二、实例演示回代码如下答：

1、设计一个html页面，包括一个input和按钮，通过按钮修改input的name属性，并展示在input的value中。

导航:首页 > 编程语言 > js获得标签的所有属性

js获得标签的所有属性

与js获得标签的所有属性相关的资料

友情链接