如何獲得元素的屬性
?我用下面的方法為什么不能獲得p3的屬性color，height，width？？
function concel(){
???????? var p1=document.getElementById("p1");
???????? var p3=document.getElementById("p3");
???????? p1.style.color=p3.style.color.nodeValue;
???????? p1.style.width=p3.style.width.nodeValue;
???????? p1.style.height=p3.style.height.nodeValue;
???????? p1.style.display="block";
???? }
?
2016-12-14
直接使用style屬性無法訪問到內嵌（寫在head標簽中的），外部（寫在css文件中的）的css樣式，只能訪問內聯樣式（寫在標簽中的）的css樣式
2016-12-14
可能有兩個原因導致你不能正確取消設置屬性的問題，導致你懷疑可能是沒有獲取到屬性。
你代碼里面是否設置了唯一的id
你獲取到的屬性已經被修改過，所以取消時再次賦值也取不到最初的值了。應該要保存最初屬性。
貼一下驗證通過的代碼，可以參考下：
var con=document.getElementById("con");
var txt=document.getElementById("txt");
var conColor=con.style.color;
var conHeight=con.style.height;
var conWidth=con.style.width;
var txtIsShow=con.style.display;
? ? function changeColor(){
? ? ? ? con.style.color="pink";
? ? }
//定義"改變寬高"的函數
? ? function changeWH(){
? ? ? ? con.style.height="500";
? ? ? ? con.style.width="300";
? ? }
//定義"隱藏內容"的函數
? ? function hideTxt(){
? ? ? ? txt.style.display="none";
? ? }
//定義"顯示內容"的函數
function showTxt(){
? ? txt.style.display="block";
}
//定義"取消設置"的函數
function cancel(){
? ? ?con.style.color=conColor;
? ? ? con.style.height=conHeight;
? ? ? ? con.style.width=conWidth;
? ? ? ? ? txt.style.display=txtIsShow;
}