innerText、のTextContentとinnerHTMLプロパティ

innerText、のTextContent

テキストコンテンツの設定]タブには、使用のTextContentプロパティは、グーグル、Firefoxのサポートは、IE8をサポートしていないする必要があります
テキストの設定]タブを使用しなければならないのinnerTextプロパティを、グーグルは、Firefox、IE8の高いバージョンは、サポートのFirefoxの下のバージョンでサポートされていません

ブラウザでプロパティをサポートするかどうかを確認する方法

プロパティは、ブラウザでサポートされていない場合、このプロパティの型が定義されていない
ブラウザのサポートしているかどうかを知るために、このプロパティの型が未定義されていないかを決定します

  function setInnerText(element,text) {
    //判断浏览器是否支持这个属性
    if(typeof element.textContent =="undefined"){//不支持
      element.innerText=text;
    }else{//支持这个属性
      element.textContent=text;
    }
  }
    function getInnerText(element) {
    if(typeof element.textContent=="undefined"){
     return element.innerText;
    }else{
      return element.textContent;
    }
  }

innerText、innerHTMLプロパティ

あなたは主にラベルの内容のテキストを設定するのinnerTextを使用している場合は、ラベルの影響はない
innerHTMLプロパティは、テキストの内容を設定することができます
主な役割をラベルにinnerHTMLの新しいhtmlタグの内容を設定することで、ラベルが効果ある
ラベルの内容を設定したいですinnerHTMLのを使用して、テキストコンテンツ、のinnerTextまたはのTextContent、またはinnerHTMLプロパティを設定する、innerHTMLプロパティをお勧めします

取得した場合:
のinnerTextがラベルの中央にテキストを得ることができますが、存在する場合にラベル・タグは、ラベルの最も内側の、テキストも取得することができます.-ラベルを取得していない、テキストを取得することができ
innerHTMLのは本当のラベルを取得しますすべてのコンテンツの途中で

結論

あなたがinnerHTMLプロパティを使用して(GET)タグやコンテンツ、したい場合は
、あなたがタブを設定したい場合は、innerHTMLプロパティを使用する
のinnerText、またはinnerHTMLプロパティ、またはのTextContentで、テキストを設定したいです

发布了116 篇原创文章 · 获赞 4 · 访问量 1768

おすすめ

転載: blog.csdn.net/qq_43618136/article/details/104255920