xml地图|网站地图|网站标签 [设为首页] [加入收藏]

澳门皇家国际用javascript添加控件自定义属性解析

来源:http://www.ccidsi.com 作者:集成经验 人气:187 发布时间:2019-09-13
摘要:复制代码 代码如下: div音讯列表          ul TextLength="15"            li[图]不按规定线路运行阻挠执法职员执法 公共交通车擅改运转线路被审核[2007-7-31] /li            li 五金

复制代码 代码如下:

<div>音讯列表
         <ul TextLength="15">
           <li> [图]不按规定线路运行阻挠执法职员执法 公共交通车擅改运转线路被审核 [2007-7-31] </li>
           <li> 五金厂已迁移 老花镜厂仍扰民 [2007-7-31] </li>
           <li> [图]“二〇〇五香岛购物节”正在进行——市民赴港疯狂“血拼” [2007-7-27] </li>
           <li>[图]花园前面包车型地铁山麓边,存在大气的乱搭建,街道执法国队展... [2007-7-27] </li>
         </ul>
</div>

你也许感兴趣的篇章:

  • Javascript创立自定义对象 创设Object实例增多属性和办法
  • javascript中自定义对象的习性方法分享
  • JavaScript/Js脚本管理html成分的自定义属性分析(亲测兼容Firefox与IE)
  • 怎么通过javascript操作web控件的自定义属性
  • JavaScript通过prototype给目的定义属性用法实例
  • 天天一篇javascript学习小结(属性定义方法)

如大家要为TextBox成分增多属性idvalue:

<input type="text" id="txtInput" name="txtInput" value="自定义文本">

 

复制代码 代码如下:

    </script>
</head>
<body>
    <input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">
    <input type="button" id="btnShowText" name="btnShowText" value="显示文本内容" onclick="showText();">
    <input type="button" id="btnShowValue" name="btnShowValue" value="突显文本值" onclick="showValue();">
</body>
</html>

澳门皇家国际 ,setAttribute中率先个参数是指明自定义属性的称谓,第三个参数是开首值

 

<html>
<head>
    <title>用javascript增多控件自定义属性</title>
    <script language="javascript">
        function addCustomAttribute()
        {
            var txt = document.getElementById("txtInput");
            txt.setAttribute("idvalue","自定义值");
        }

与前边相比较,ul多了TextLength属性,正是本身要截取的字符串长度值;然后,小编写了三个函数,来读取那性情子,并将该区域的li中字符截短。函数如下:

前面说过为HTML成分增添自定义的天性,是通过手动在HTML控件中丰硕,其实能够在javascript中动态增加:如有一文本框:

 

代码如下:

<input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">

        function showIdValue()
        {
                var txt = document.getElementById("txtInput");
                alert(txt.attributes["idvalue"].nodeValue);
        }
    </script>
</head>
<body onload="addCustomAttribute();">
    <input type="text" id="txtInput" name="txtInput" value="自定义文本">
    <input type="button" value="显示idValue" onclick="showIdValue();">
</body>
</html>

可是,字符截多少长度呢,自然要设变量,这几个变量设在哪呢,假诺写在javascript中,那么些变量离HTML代码太远了(二个在头顶head,三个在body),开垦人士不便宜操作,因为在页面中,它能会有比很多如此的新闻列表或任何列表;于是我想到了给li的父级标签ul,加自定义属性,当然,假若是ol也是足以的,只借使li的父级就行;如:

复制代码 代码如下:

    </script>
</head>
<body>
    <input type="text" id="txtInput" name="txtInput" value="自定义文本" idvalue="自定义值">
    <input type="button" id="btnShowText" name="btnShowText" value="展现文本内容" onclick="showText();">
    <input type="button" id="btnShowValue" name="btnShowValue" value="展现文本值" onclick="showValue();">
</body>
</html>

如想扩大idvalue属性(值为”自定义值”),能够在javascript中如此写:

上边代码中的语句,都以较常用的,不用过多解释了。

var txt = document.getElementById("txtInput");
txt.setAttribute("idvalue","自定义值");

以下转自csdn   

 

万一,页面中有那般一段HTML代码:
<div>信息列表
         <ul>
           <li> [图]不按规定线路运转阻挠执法职员执法 公交车擅改运转路径被审查批准 [2007-7-31] </li>
           <li> 五金厂已动员搬迁 近视镜厂仍扰民 [2007-7-31] </li>
           <li> [图]“二零零五香江购物节”正在举行——市民赴港疯狂“血拼” [2007-7-27] </li>
           <li>[图]花园后边的山麓边,存在大量的乱搭建,街道执法队展... [2007-7-27] </li>
         </ul>
</div>

 

<html>
<head>
    <title>自定义属性</title>
    <script language="javascript">...
            function showText()
            ...{
                 alert(document.getElementByIdx("txtInput").value);
             }
            
            function showValue()
            ...{
                 alert(document.getElementByIdx("txtInput").idvalue);
             }

本文由68399皇家赌场发布于集成经验,转载请注明出处:澳门皇家国际用javascript添加控件自定义属性解析

关键词: 68399皇家赌场

最火资讯