0

我无法理解如何附加创建的元素,因此它们被保存在其他创建的元素中。如果我对此的解释令人困惑,请告诉我,我会尽力澄清。

背景/目标

此片段的目标或上下文是创建和跟踪在用户浏览器中动态调整的字符计数器。扭曲是; 我需要它来应用到<textarea></textarea>页面上的所有内容。

为了帮助用户注意字符计数器,我想创建一个跨度来环绕计数,即 255。并在满足某些参数时动态调整字体颜色。

我目前拥有的

<div></div>

我所追求的

<div>
   <span id="cid0"></span>
</div> 

我的 JS - (在此处查看完整脚本 - JSFiddle

  // create wrapper & span element
  this.wrapper = document.createElement("div");
  this.span = document.createElement("span");
  this.span.id = "cid" +i;
  this.span.appendChild(this.wrapper);

  this.wrapper.innerHTML = 'Chars left: ';
  this.span.innerHTML = (this.MAX - input.value.length);

如果有人能澄清如何实现我所追求的目标,我哪里出错了,如果我犯了错误,我将非常感谢您的帮助。

4

1 回答 1

1

我认为这就是您想要实现的目标

<div>
   Chars left: <span id="cid0">xxxxx</span>
</div> 

正确的?然后试试这个

  // create wrapper & span element
  this.wrapper = document.createElement("div");
  this.wrapper.innerHTML = 'Chars left: ';
  this.span = document.createElement("span");
  this.span.id = "cid" +i;
  this.span.innerHTML = (this.MAX - input.value.length);

  this.wrapper.appendChild(this.span);

这应该够了吧

于 2016-08-16T10:23:32.807 回答