javascript DOM问题

Question

<html>
<head>
<script type="text/javascript">
var c=0;
var t;
var timer_is_on=0;

function timedCount()
{
document.getElementById('txt').value=c;
if(c == 100) return;
c=c+1;
t=setTimeout("timedCount()",30);
}

function doTimer()
{
if (!timer_is_on)
  {
  timer_is_on=1;
  timedCount();
  }
}
</script> 
</head>

<body onload="doTimer()">
<form>
<input type="button" value="Start count!">
<input type="text" id="txt">
</form>
<p>Click on the button above. The input field will count forever, starting at 0.</p>
</body>
</html>

我想改变

<input type="text" id="txt">

成

<div type="text" id="txt">

它不起作用。 我认为问题是

document.getElementById('txt').value=c;

但我试过了

document.getElementById('txt').innerHTML=c;

它仍然无法正常工作。 有人能告诉我为什么吗？ 干杯！！！

Answer 1

设置文本框的值将填充文本框中的文本。 如果要用div替换输入，则应使用：

element.replaceChild(newDiv, oldTextbox);

尝试：

var div = document.createElement("DIV");
div.id = "txt";
div.innerText = "Hello world!";

var tb = document.getElementById("txt");
tb.parentElement.replaceChild(div, tb);

Answer 2

尝试将<div type="text" id="txt">更改为<div id="txt">

Answer 3

基本上，你问的是这样做：

var d = document.createNode("div")
d.setAttribute("id", "txt")
d.setAttribute("type", "text");
var input = document.getElementById( "txt" );
input.parentElement.replaceChild( d, input );

但我认为你会更好：

function timedCount()
{
    document.getElementById('txt').value=c;
    if(c == 100) return;
    c=c+1;
    t=setTimeout("timedCount()",30);
}

function doTimer()
{
   if (!timer_is_on)
  {
      // set the input to readOnly, this allows JS to update it without 
      // letting the user modify the value.
      document.getElementById('txt').readOnly = true
      timer_is_on=1;
      timedCount();
  }
}

javascript DOM问题

问题描述

3 个解决方案

解决方案1
2 已采纳 2011-07-29 15:05:35

解决方案2
0 2011-07-29 15:02:41

解决方案3
0 2011-07-29 15:14:31

javascript DOM问题

问题描述

3 个解决方案

解决方案1 2 已采纳 2011-07-29 15:05:35

解决方案2 0 2011-07-29 15:02:41

解决方案3 0 2011-07-29 15:14:31

解决方案1
2 已采纳 2011-07-29 15:05:35

解决方案2
0 2011-07-29 15:02:41

解决方案3
0 2011-07-29 15:14:31