Javascript DOM操作：更改元素的文本
[英]Javascript DOM manipulation: changing text of an element
問題描述
我試圖將函數calculation（）的結果打印到文本區域，但似乎不起作用。 你能幫忙嗎？
<head>
<title>Lab 6</title>
<script>
function calculate(){
for (var i=100; i<1000; i++) {
var x = i%10;
var y = Math.floor((i/10)%10);
var z = Math.floor((i/100)%10);
if (i== x*x*x +y*y*y + z*z*z) {
document.getElementbyTagname("textarea").innerHtml = i;
document.getElementbyTagname("button").addEventListener("click",
calculate());
}}}
</script>
</head>
<body>
<textarea rows="4" cols="50"> </textarea>
<button type="button">Click Me!</button>
</body>
</html>
3 個解決方案
解決方案1
0 2017-11-04 03:28:20
嗨，我已經編輯了您的代碼以使其正常工作，我並沒有真正理解您的邏輯，所以不確定是否正是您想要的。 但是您可以查看my語法來完善自己的代碼。 您也犯了幾個錯誤。 1.'getElementbyTagname'應該是'getElementsByTagName'2.您沒有將事件函數放到正確的位置來觸發click事件。
`var btn = document.querySelector（'.btn'）btn.addEventListener（'click'，function（e）{calculate（）
})
function calculate(){
for (var i=100; i<1000; i++) {
var x = i%10;
var y = Math.floor((i/10)%10);
var z = Math.floor((i/100)%10);
if (i== x*x*x +y*y*y + z*z*z) {
var text = document.querySelector(' .demo')
text.innerHTML = i
}}}`
解決方案2
0 已采納 2017-11-04 04:50:28
我嘗試重寫您的代碼。 嘗試一次，可能有幫助...
<head>
<title>Lab 6</title>
<script>
function calculate()
{
for (var i=100; i<1000; i++)
{
var x = i%10;
var y = Math.floor((i/10)%10);
var z = Math.floor((i/100)%10);
if (i== x*x*x +y*y*y + z*z*z)
{
document.getElementsByTagName("textarea")[0].innerHtml = i;
}
}
}
document.getElementsByTagName("button")[0].addEventListener("click",calculate());
</script>
</head>
<body>
<textarea rows="4" cols="50"> </textarea>
<button type="button">Click Me!</button>
</body>
解決方案3
0 2017-11-04 05:05:32
試試看 對您的代碼進行了許多更改，
function calculate(){ var txt=""; for (var i=100; i<1000; i++) { var x = i%10; var y = Math.floor((i/10)%10); var z = Math.floor((i/100)%10); if (i== x*x*x +y*y*y + z*z*z) { txt = txt + i + "\\n"; } } document.getElementById("textarea").innerHTML = txt; }
<html> <head> <title>Lab 6</title> </head> <body> <textarea rows="4" cols="50" id="textarea"> </textarea> <button type="button" onclick="calculate();">Click Me!</button> </body> </html>
在 Javascript 中，您可以使用 DOM 操作添加元素然后訪問該元素嗎？
[英]In Javascript can you add an element using DOM Manipulation then access that element?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.