zoukankan      html  css  js  c++  java
  • 自定义HTML标签属性

    HTML元素添加一自定义的属性非常方便,只须将其加到尖括号中即可,与内置属性地位相等。

    如我们要为TextBox元素添加属性idvalue

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

    只须在原来的控件后面加上:idvalue=”…”,成为:

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


     

    idvalue即可正式成为txtInput的属性,地位与其他属性相等。

    如以下例子,在IE6中调试通过:

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

        </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在Firefox中却不能通过,主要是因为Firefox控制严格,所以这些自定义属性不能认识。经过调试,只能用document.getElementByIdx("txtInput").attributes["idvalue"].nodeValue取得,该方法在IE中也可使用。所以,同时适用IE和Firefox的代码为:

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

        </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>
  • 相关阅读:
    情书2
    情书1
    python_数据分析_正态分布
    python3调用R语言干货
    常见混淆名词
    PID算法图形 python
    A*寻路算法 python实现
    用tensorflow object detection api做手势识别
    tf识别非固定长度图片ocr(数字+字母 n位长度可变)- CNN+RNN+CTC
    tf识别固定长度验证码图片ocr(0到9 4位)- CNN方式
  • 原文地址:https://www.cnblogs.com/appinn/p/4819118.html
Copyright © 2011-2022 走看看