如何在javascript中獲取div元素值？

<html> 
<head> 
<script type="text/javascript"> 
function caluculate(x) 
    { 
var temp=x+1; 
var cn = document.getElementsByName(temp)[0].childNodes; 
alert("attribute name :"+cn[0].name + "attributevalue :" + cn[0].nodeValue); 
    } 
</script> 
</head> 
<body> 
<div id="fn1"> 
    Enter your name: <input type="text" name="name" id="fn" onkeyup="caluculate(this.id)"> 
    Enter your age: <input type="text" name="age" id="fa" onkeyup="caluculate(this.id)"> 
    NAME + AGE :<input type="text" name="nameage" id="fname" value=""> 
</div> 
</body> </html>

如何獲得div Javascript中的元素值？我想獲得輸入標籤的每個值。如何在javascript中獲取div元素值？

請幫幫我。

來源

2011-12-27 Josephkingstonleo Mariamicheal

使用JavaScript工具包如jQuery，這將是一個容易得多。現在你可以嘗試document.getelementbyid（）。innerHTML，但我不確定這會起作用。 – prongs 2011-12-27 07:26:42

請嘗試以下JavaScript函數： -

function caluculate(x) 
{ 
    var ele = document.getElementById(x); 
    alert("attribute name: " + ele.name + ", attribute value: " + ele.value); 
}

由於這個JS函數總是被調用，參數是輸入元素的ID，所以沒有必要弄/隨時隨地保持div元素。

希望它有幫助。

來源

2011-12-27 07:24:29

嘗試類似這樣的事情。

HTML

<div id="fn1"> 
    Enter your name: <input type="text" name="name" id="fn" onkeyup="caluculate()"> 
    Enter your age: <input type="text" name="age" id="fa" onkeyup="caluculate()"> 
    NAME + AGE :<input type="text" name="nameage" id="fname" value=""> 
</div>

的JavaScript

function caluculate() { 
    var cn = document.getElementById("fn1").getElementsByTagName("input"); 
    cn[2].value = "name: " + cn[0].value + ", age: " + cn[1].value; 
}

來源

2011-12-27 07:50:12 naveen

如何在javascript中獲取div元素值？

回答

相關問題