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

jqueryのようなJavaScriptのツールキットを使用し、それは非常に簡単になります。今のところ、document.getelementbyid（）。innerHTMLを試すことができますが、うまくいくかどうかは分かりません。 – prongs

次のJavaScript機能を試してください： -

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

この機能をJSので、常に引数は、input要素の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要素の値を取得する方法は？

答えて

関連する問題