标签: getelementbyid

如果我有以下HTML:

<div id="container">
  <iframe></iframe>
</div>

创建对<iframe> DOM元素的引用的最有效方法(主要是在性能方面)是什么？我正在使用以下内容:

var element = document.getElementById('container').getElementsByTagName('iframe')[0];

但是,IIRC,getElementsByTagName可能会表现缓慢.这不是问题,因为<div id ="container">中只有一个元素吗？

是否有更简洁,和/或更好的方式来获取<iframe>？可以肯定地说它始终是<div id ="container">的唯一子节点,但并不总是页面上唯一的<iframe>.

我对js很新,所以请帮助我.

我正在尝试使用onClick将标记添加到标记中.

代码如下所示:

<a class="gkvSprite" href="#" id="abc" onClick="showhide('1')">Click 1</a>
<a class="gkvSprite" href="#" id="def" onClick="showhide('2')">Click 2</a>
<a class="gkvSprite" href="#" id="hij" onClick="showhide('3')">Click 3</a>

现在当我点击我需要为我选择的那个添加一个名为"selected"的类.我尝试使用setAttribute并添加jquery类但是没有成功

当我提醒document.getelementbyId(123)时,它会发出链接.

有人可以帮助我吗？

先谢谢
Alloi

我希望在以下网站上获得相同的效果:

http://www.kpf.com/projectlist.asp?T=4

在鼠标悬停图像时,相应的文本突出显示,反之亦然.

我在论坛上找到了一个Javascript解决方案.因为我的帖子中不能包含2个超链接,所以我复制粘贴了以下解决方案:

div代码

<div style="width:400;height:500;" onmouseover="hightlight()" onmouseout="removehightlight()"><span id="textspan" >This is a test div to show mouseover</span><img id="imgsrc" src="/images/test.gif" /></div>

JavaScript的

<script language="javascript">
function hightlight() 
{   
document.getElementById("textspan").style.color = "blue";
document.getElementById("imgsrc").style.border = "1px solid blue";
//document.getElementById("textspan").setStyle("color","blue");
//document.getElementById("imgsrc").setStyle("border","1px solid blue");
}
function removehightlight() 
{
document.getElementById("textspan").style.color = "black";
document.getElementById("imgsrc").style.border = "0px solid blue";
}    
</script>

但是,此解决方案适用于同一div中的图像和文本.我的图像和文本位于两个独立的div中,如下所示:

JavaScript的

function hightlight() 
{
document.getElementById("textspan").style.text = "underline";
document.getElementById("imgsrc").style.border = "5px solid #005596";
}
function removehightlight() 
{
document.getElementById("textspan").style.text = "none";
document.getElementById("imgsrc").style.border = "5px solid white";
}

文本 …

好吧,我有一些id ='0','1','2','3'等复选框.所以我需要获取复选框的文本.这是PHP中的复选框代码.

'<input id="'.$i.'"type="checkbox" name="option1" value="a1" onclick="checkYears()">'.$years[$i].'</input>

所以我需要获得$ years [$ i] -value.我正在使用此代码.

while (bool==false)
    {
        if (document.getElementById(i)!=null)
        {
            if (document.getElementById(i).checked)
            {
                years.push(1);
                yearsValue.push(document.getElementById(i).innerHTML);
                document.getElementById(i).innerText="WORKS";
                console.log(yearsValue[i]);
            }
            else
            {
                years.push(0);
                yearsValue.push(document.getElementById(i)).innerHTML);
                console.log(yearsValue[i]);
            }
        }
        else 
        {
            bool=true;
        }
        i++;
    }

0和1都添加正常,但是当我尝试使用innerHTML时,在consle中存在和未定义的值.

有什么建议？

例如:

<?php  foreach($something as $anotherthing){  ?>
    <span id="<?php echo $product_id; ?>"><?php echo $price; ?></span>

    <?php if($option == 'select') { ?>
    <select name="joe" id="<?php echo $select_id; ?>" > ......

我不知道如何将id转换成javascript.

我是jQuery的新手,但我试着学习它.假设我输入了id ="userForm:id"; 在javascript中我可以简单地获取id:

var id = document.getElementById("userForm:id");

在jQuery中我尝试:

var id = $('#userForm:id');

但后来我得到错误:

Uncaught Error: Syntax error, unrecognized expression: unsupported
pseudo: id

我正在运行GM_xmlhttpRequest（使用Greasemonkey脚本），并将其存储responseText到新创建的HTML元素中：

var responseHTML = document.createElement('HTML');
...
onload: function() { responseHTML.innerHTML = response.responseText; }

然后我试图在中找到一个元素responseHTML：

console.log(responseHTML.getElementsByTagName('div'));
console.log(responseHTML.getElementById('result_0'));

第一个工作正常，但第二个则不行。有任何想法吗？

为什么以下不起作用？

JavaScript的:

document.getElementById("page").style = "-webkit-filter: blur(5px);";

HTML:

<div id="page" style="" >some content</div>

谢谢

我知道这可能是一个非常简单的问题,我试图在网上找到解决方案,但我无法理解......我有以下C#/ ASPX代码:

    SelectArea += "<select name=\"Area\" id=\"area\">" + "<option value=\"Default\" style=\"display:none;\">SELECT AREA</option>";
    for (i = 0; i < ds.Tables[0].Rows.Count; i++)
    {
        AreaName = ds.Tables[0].Rows[i]["AreaName"].ToString();
        SelectArea += string.Format("<option value=\"{0}\"/>{0}</option>", AreaName);
    }
    SelectArea += "</select>";

这个javascript函数在提交后发生

function validateProfile() {

    var el = document.getElementById("area").value;
    alert(el);
}

我想要一些如何获取列表中所选值的编号.我试过上面的代码,但它不起作用.

希望得到帮助,谢谢!

我的想法是,我应该有两个字段,我输入数字,然后我需要显示总和以及产品.
我想我会测试产品,但我不断收到"非数字"错误.任何帮助都会很棒!

<!DOCTYPE html>
<html>
  <body>

    <form>
        First Number<br>
        <input id="num1" type="text" name="num1">
    <br>
        Second Number:<br>
        <input id="num2" type="text" name="num2">
        <br><br>
      <input type="button" value="Do Maths" onclick="doMath();" />
    </form>

  <script>

      function doMath() {
          var numOne = document.getElementById('num1').value;
          var numTwo = document.getElementById('num2').value;
          var theProduct = parseInt(my_input1) * parseInt(my_input2);  document.write(theProduct);
          document.write(theProduct);


}

  </script>


  </body>
</html>