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獲得標簽的所有屬性相關的資料

友情鏈接