html 엔티티 ( -…«)가 포함 된 javaScript에서 를 동적으로 생성하는 방법은 무엇입니까?

Question

추가하고 싶습니다u003Coption> 요소 au003Cselect> 요소u003Coption> 요소의 텍스트에는 HTML 엔티티가 포함됩니다.

HTML에서 코드는 다음과 같습니다.

<select name="test" id="test">
    <option value="">&mdash; Select One &mdash;</option>
</select>

내 JavaScript 코드는 다음과 같습니다.

function selectOne() {
  var e = document.getElementById('test');
  e.options[0] = new Option('— Select One —', '');
}

그러나 이것을 테스트하는지 알 수 있듯이 - 탈출됩니다. 시도했을 때도 같은 결과를 얻었습니다.

e.options[o].text = '— Select One —';

(관찰 된 행동은 Internet Explorer 7 ... Firefox, Safari 등으로 테스트하지 않았습니다. - Internet Explorer 7은 현재 필요한 유일한 브라우저입니다.)

Answer 1

방금 유니 코드 JavaScript Escape를 사용할 수 있다는 것을 깨달았습니다.

e.options[0] = new Option('\u2014 Select One \u2014', '');

Answer 2

엔티티를 탈출 할 필요가 없습니다. 다음과 같이 작동합니다.

function selectOne() {
      var e = document.getElementById('test');
      e.options[0] = new Option('— Select One —', '');
}

Answer 3

text 문자 그대로 취해질 수 있기 때문에 속성은 에스코지받지 않습니다. 사용하는 경우 innerHTML, 엔티티는 해당 문자로 변환됩니다.

e.options[o].innerHTML = '— Select One —';