拉第一个输入实例并通过JS

时间:2016-06-09 03:24:30

标签: javascript html

我必须为元素添加一个id。引擎生成HTML ...我无法访问它。它会生成随机ID:

<input id="5352Adkdie4929888a"> 

我想抓住&#34; <input id=&#34;的第一个实例并替换它拥有的ID 它拥有的ID + DatePicker。

示例:

<input id="5352Adkdie4929888a DatePicker"> 

我将如何做到这一点?

到目前为止我的代码:

function addID(){
    var html= document.documentElement.innerHTML;
    var start= '<input id="';
    var end= '"'
    var htmlIWant=html.substring(html.indexOf(start) + start.length), html.indexOf(end)-1 + 'DatePicker';
}

我是否在正确的轨道上?我如何实际替换HTML?谢谢!

3 个答案:

答案 0 :(得分:1)

使用

抓取元素内的第一个输入
$('input:first-child').attr('id','whateverIdName');

答案 1 :(得分:1)

如果必须捕获具有id属性的第一个输入框,则应执行以下操作:

&#13;
&#13;
$("input[id]")[0]
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

答案 2 :(得分:1)

根据您的要求,这是一个纯javascript解决方案。

假设您的网页上有许多input个标签,而其中一些标签下面没有ID属性,则可以尝试使用此解决方案。

var elements = document.getElementsByTagName("input");
for (var i = 0; i < elements.length; i++)
{
   if (elements[i].type == "text" && elements[i].hasAttribute("id"))
    {
       var id = elements[i].getAttribute("id");
       elements[i].setAttribute("id", id + "10");
       break;
    }
}