获取、修改节点属性值，更改iframe路径方法及其配置

原创于 2021-12-09 14:21:46 发布 · 817 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

js 专栏收录该内容

21 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript获取和修改DOM元素的属性值，特别是在点击事件中改变节点的显示状态和iframe的源路径。同时，详细阐述了如何配置iframe，包括去除边框、滚动条，以及动态调整iframe内容的高度。这些技巧对于前端开发中的交互实现至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取、修改节点属性值

$(".news_list_firmInfo_go_detail").click(function () {
    let fullPathInfo = $(this).attr("fullPath");  //获取点击节点的属性值
    $(".news_list_all")[0].style.display = "none";
    $(".news_list_detail")[0].style.display = "block";
    $(".news_list_detail").children().attr("src", fullPathInfo);  //更改指定节点的属性值
  });

更改iframe路径方法

 $(".news_details_select_left").click(function() {
    let prevFullPath = $(this).attr("fullPath");
    $("body", parent.document).find('iframe').attr('src',prevFullPath); //iframe内的节点更改其外部的iframe路径
  })

配置iframe
iframe页面内部高度自动撑开
frameborder：去掉边框
scrolling：去掉滚条
name：命名
先设置默认高度为0，再配置高度

<iframe name="web" id="web" frameborder="no" scrolling="no" onload="this.height=0;this.height=web.document.body.scrollHeight+20"></iframe>