0

作成された要素を追加する方法を理解できないため、他の作成された要素内に保持されます。これについての私の説明がわかりにくい場合は、明確にしようと思いますのでお知らせください。

コンテキスト / 目標

このスニペットの目的またはコンテキストは、ユーザーのブラウザーで動的に調整される文字カウンターを作成して追跡することです。ねじれは次のとおりです。<textarea></textarea>ページ上にある可能性のあるすべてに適用する必要がありました。

ユーザーが文字カウンターに注意を向けられるように、255 などのカウントだけをラップするスパンを作成し、特定のパラメーターが満たされたときにフォントの色を動的に調整したいと考えました。

私が現在持っているもの

<div></div>

私が求めているもの

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

My 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 に答える