ie 火狐下select问题

最新推荐文章于 2025-09-07 22:29:54 发布

转载最新推荐文章于 2025-09-07 22:29:54 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/andhm/archive/2011/01/23/1942352.html

文章标签：

#xhtml #javascript #ViewUI

本文介绍了一个简单的JavaScript程序，用于计算HTML中Option元素内的空格数量。通过定义特定的函数实现文本内容的解析，并展示了如何使用innerHTML和innerText属性来处理HTML元素内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>Option中的空格测试</title>  
<script language="javascript">  
window.onload  = function(){  
        var str = document.getElementById("s").options[0].text;  
        str = htmlDecode(str);  
        var r = str.match(/\s/g)?str.match(/\s/g).length:0;  
        alert("Option中的空格数为：" + r);  
    }  
      
    function htmlEncode (str){  
       var div = document.createElement("div");  
       var text = document.createTextNode(str);  
       div.appendChild(text);  
       return div.innerHTML;  
    }  
  
    function htmlDecode (str){  
       var div = document.createElement("div");  
       div.innerHTML = str;  
       return document.all?div.innerText:div.textContent;  
    }  
  
</script>  
</head>  
<body>  
<select id="s">  
  <option  value='0'>  选项</option>  
</select>  
</body>  
</html>

转载于:https://www.cnblogs.com/andhm/archive/2011/01/23/1942352.html