当前位置: 首页 > 面试题库 >

写一个js方法,输入指定类型的选择器(id,class,tagName)可以返回匹配的DOM节,要求兼容和性能

庄实
2023-03-14
本文向大家介绍写一个js方法,输入指定类型的选择器(id,class,tagName)可以返回匹配的DOM节,要求兼容和性能相关面试题,主要包含被问及写一个js方法,输入指定类型的选择器(id,class,tagName)可以返回匹配的DOM节,要求兼容和性能时的应答技巧和注意事项,需要的朋友参考一下
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <div id="first">
    <label>请输入选择器的类型(id/class/tagName):</label><input type="text" id="type">
  </div>
  <div class="second">
    <label>请输入想要查找的具体的id/class/tagName:</label><input type="text" id="input">
  </div>
  <button onclick="dom()">查询</button>
</body>
<script>
  function dom() {
    let output;
    let type = document.getElementById("type").value;
    let input = document.getElementById("input").value;

    if (type === "id") {
      output = document.getElementById(input);
      console.log(output);
    } else if (type === "class") {
      output = document.getElementsByClassName(input);
      console.log(output);
    } else if (type === "tagname") {
      output = document.getElementsByTagName(input);
      console.log(output);
    } else {
      console.log("error:输入的内容有误,请检查!")
    }
  }
</script>

</html>
 类似资料:
  • 我是一名java初学者,我正在阅读“Java初学者指南”这本书和泛型的主题。作者创建了以下泛型类: 在这种情况下,类型参数必须是Number或Number的子类。 作者说,如果我们添加一个新方法来检查存储在两个通用对象中的数值绝对值,如下所示: 用它写的解释是: 这里,使用标准方法Math.abs()获取每个数字的绝对值,然后进行数值比较,这种尝试的麻烦在于,它只会对类型与调用对象相同的其他Num

  • 问题内容: Xcode 6.3。在实现UITextFieldDelegate协议的类中,我想重写touchesBegan()方法以可能隐藏键盘。如果我避免函数规范中的编译器错误,则尝试从Set或NSSet读取“ touch”时会出现编译器错误,否则super.touchesBegan(touches,withEvent:event)会引发错误。这些组合之一是在Xcode 6.2中编译的!(因此,S

  • id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1": #para1 { text-align:cente

  • 问题内容: 重写的方法可以有不同的返回类型吗? 问题答案: Java支持*协变返回类型的重写方法。这意味着重写的方法可能具有更特定的返回类型。也就是说,只要新的返回类型可分配给你要覆盖的方法的返回类型,就可以使用。 例如: 这在Java语言规范的8.4.5节中指定: 如果返回类型是引用类型,则返回类型在彼此覆盖的方法之间可能会有所不同。返回类型可替换性的概念支持协变返回,即返回类型到子类型的特殊化

  • 本文向大家介绍jquery 属性选择器(匹配具有指定属性的元素),包括了jquery 属性选择器(匹配具有指定属性的元素)的使用技巧和注意事项,需要的朋友参考一下 jQuery 选择器 在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 H

  • 现在在用spring框架spring boot version = ' 1 . 5 . 9 . release '做java。但是每次我运行我的网络应用程序时 org.springframework.beans.NotReadable属性异常: bean类的无效属性'id'[java.util.ArrayList]: Bean属性'id'不可读或具有无效的getter方法:getter的返回类型是