怎样使用js contains方法

 时间:2026-02-14 22:52:08

1、先打开我们的编辑器,先建个html文件,在html文件里输入2个div,其中div1包含div2,这样下面就可以演示js原生态里的contains用法了,如下图所示。

怎样使用js contains方法

2、在新建好的html文件里添加javascript代码,代码如下:

var div1 = document.getElementById("id1");

var div2 = document.getElementById("id2");

alert("div1包含div2:"+div1.contains(div2)+'\n'+"div2包含div1:"+div2.contains(div1));

此段代码可以测试说明javascript里的contains方法的用法。如下图所示。

怎样使用js contains方法

3、打开运行上面写好的html文件,在浏览器窗口里弹出对话框,提示我们如下信息:

div1包含div2:true

div2包含div1:false

这正好说明了javascript里的contains用法是可以来判断DOM元素的包含关系的,如下图所示。

怎样使用js contains方法

4、下面再修改下我们的源代码,修改如下:

var str1 = "abc";

var str2 = "a";

alert(str1.contains(str2));

以上代码是来检测javascript里的contains是否能像java一样来【判断字符串的包含关系。如下图所示。

怎样使用js contains方法

5、保存后,我们再次打开运行这个html文件,发现浏览器里并没有弹出对话框,此时打开浏览器调试对话框,发现报错了,错误显示str1.contains不是一个方法,说明js里的contains不能用于字符串。如下图所示。

怎样使用js contains方法

6、javascript中没有contains()方法,但是我们可以用indexOf("str") != -1来代替判断字符串的包含关系。修改代码如下:

var str1 = "abc";

var str2 = "a";

//alert(str1.contains(str2));

alert("str1包含str2:"+ (str1.indexOf(str2)!=-1?true:false));

}

怎样使用js contains方法

7、此时在打开运行修改后的html文件。发现浏览器弹出了我们想要的信息了,如下图所示。

怎样使用js contains方法

  • 查看端口占用情况
  • JavaScript之数字转换为字符串的三种方法
  • js中怎么获取当前年份、月份和日期
  • linux如何删除文件
  • npm代理如何设置npm网络链接失败如何设置
  • 热门搜索
    长沙旅游景点大全 杭州市旅游局 外出旅游必备 墨尔本旅游 旅游点 司马台长城旅游攻略 丝绸之路旅游 旅游景区策划 美国个人旅游签证 无锡旅游景点大全