Javascript 重置类内的所有元素

有没有办法将所有元素重置为其默认值

我试过这个，但什么也没发生

<script>
c = document.getElementsByClassName('myall')

for( b=0; b<c.length; b++ )
{
    c[b].reset();
}
<script>

c=document.getElementsByClassName（'myall'））
对于（b=0；b而言，javascript方法
.reset（）
仅适用于
标记。如果您想用一种简单的方法清除特定类的输入值或元素文本，可以使用

否则，对
div
，
span
等元素使用类似的方法：

c[b].innerHTML = "";

检查关闭标记的代码。然后使用

<script>
  var c = document.getElementsByClassName('myall')
 for( var b=0; b<c.length; b++ )
 {
     c[b].html(default_value);
 }
</script>


var c=document.getElementsByClassName（'myall'）
对于（var b=0；b来“重置”和元素，您需要记住它的原始内容，然后在稍后调用它来“重置”它时替换它，例如

请注意，这不会重置元素自己的属性和属性，只重置内部HTML。这可能会通过使用属性部分修复，但这并没有得到很好的支持

innerHTML或outerHTML都不会还原动态添加的侦听器，在某些浏览器中可能也可能不会还原原始默认值（但在其他浏览器中会还原）。
您可以使用HTML5数据-*属性执行类似操作：

<div id='myall'>
    <span data-default="something default">something default</span>
    <div data-default="something default">something default</div>
    <p data-default="something default">something default</p>
</div>     ​
...
<script>
    c = document.getElementById('myall').children;

    for( b=0; b < c.length; b++ )
    { 
        defaultValue = c[b].getAttribute('data-default');
        if (defaultValue) {
            c[b].innerText = defaultValue;
        }
    }
</script>


默认的东西
默认的东西
something default
​
...
c=document.getElementById（'myall'）。子对象；
对于（b=0；b

​
 您的概念是什么？这仅对表单控件有意义。您不能重置
或
之类的元素，只能重置
，不能重置partially@RobG我的意思是，元素中的默认文本或值
<div class='myall'>
   <span id="a">something default</span>
   <div id="b">something default</div>
   <p id="c">something default</p>
</div>

var markupCache = {};

function modifyElement(id, newMarkup) {

    var el = document.getElementById(id);

    // Only store innerHTML the first time
    if (!(el in markupCache)) {
      markupCache[id] = document.getElementById(id).innerHTML;
    }
    el.innerHTML = markup;
}

function restoreElement(id) {

  // Only restore markup if have cached some for this element
  if (id in markupCache) {
    document.getElementById(id).innerHTML = markupCache[id];
  }
}

<div id='myall'>
    <span data-default="something default">something default</span>
    <div data-default="something default">something default</div>
    <p data-default="something default">something default</p>
</div>     ​
...
<script>
    c = document.getElementById('myall').children;

    for( b=0; b < c.length; b++ )
    { 
        defaultValue = c[b].getAttribute('data-default');
        if (defaultValue) {
            c[b].innerText = defaultValue;
        }
    }
</script>