firefox_javascript Skills 아래의 다음 상자에서 선택한 옵션의 텍스트에 대한 코드를 가져옵니다.

지식 포인트:
0. 왜 innerText인가요? 보안 문제로 인해
1. Firefox DOM 모델의 속성 확장
2. currentStyle 속성은 실제 스타일 상태를 얻을 수 있습니다
3. IE는 innerText를 구현할 때 표시 방법을 고려합니다. 블록, 줄바꿈이 추가됩니다
4. textContent를 사용하면 어떨까요? textContent는 요소의 표시 모드를 고려하지 않기 때문에 IE와 완전히 호환되지 않습니다.
코드: IE6, 7, 8 및 Firefox 2, 3에서 테스트를 통과했습니다.

<select id="mySelect"> <option value="1111"> </option>나의 1111 ㅋㅋㅋㅋㅋ<option value="2222"> </option>나의 2222<option value="3333"> </option>나의 3333<option value="4444"> </option>나의 4444</select> <input type="button" name="button" value="see result" onclick="javascript:chk();">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

Of 물론 드롭다운 상자만 대상으로 하는 경우 innerText를 다시 작성할 필요가 없으며 다음 코드를 사용하여 이를 달성할 수도 있습니다. InnerText는 드롭다운 상자를 제외한 다른 HTML 요소와 호환되도록 다시 작성되었습니다.

<select id="mySelect"> <option value="1111"> </option> <option value="2222">나의 1111 ㅋㅋㅋㅋㅋ</option> <option value="3333">나의 2222</option> <option value="4444">나의 3333</option> </select>나의 4444<input type="button" name="button" value="see result" onclick="javascript:chk();">
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]