JavaScript - 无论如何要删除对象的所有基本方法和属性但保留一个？-6ren

JavaScript - 无论如何要删除对象的所有基本方法和属性但保留一个？

转载作者：行者123 更新时间：2023-12-02 14:37:55

24

4

我正在构建一些应用程序，它可以扫描 DOM 中的元素及其子元素。现在，我可以通过以下代码行获取我需要的数据:

var bodyObj = document.getElementsByTagName("BODY")[0].children;

问题是，bodyObj 对象中充斥着不必要的方法和属性，我只想想要保留 children 方法并清理休息。有什么方法可以实现这一点吗？

PS纯Js。

最佳答案

只有`children`的Body对象属性

您可能会考虑尝试以下操作:

var bodyObj = document.getElementsByTagName("BODY")[0];

for (var key in bodyObj){
    if (bodyObj.hasOwnProperty(key) && key != 'children'){
        delete bodyObj[key];
    }
}

...就像 their answer 中建议的 Florian Cabirol 。然而，<body>对象的属性是不可枚举的，这意味着它们不会出现在循环中。要获取不可枚举属性，您可以尝试(在 ES5+ 中):

Object.getOwnPropertyNames(bodyObj);

但它仍然无法得到他们。接下来，您可能会想，“我将创建一个包含 HTMLBodyElement 中所有可能的属性/方法名称的数组，并循环遍历它们，如果存在则将其删除。”但是，如果您执行以下操作:

delete bodyObj.baseURI;
console.log(bodyObj.baseURI);

您会注意到它并没有删除它。这是因为您无法从 DOM 对象中删除属性。尝试重新定义它们或 delete他们会默默地失败。

Body 对象的 `children`的`HTMLElement` s

获取document.getElementsByTagName("BODY")[0].children如果没有任何其属性/方法，您可以这样做:

var bodyObj = document.getElementsByTagName("BODY")[0].children;

bodyObj = Object.keys(bodyObj).map(function(key) { return bodyObj[key]; });

这会将其从 HTMLCollection 转换为到一个数组，如果你同意的话。您始终可以将其包装在一个对象中:bodyObj = {children: bodyObj}; .

关于JavaScript - 无论如何要删除对象的所有基本方法和属性但保留一个？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37277187/

24

4

0

文章推荐： javascript - 使用文本框中的值到按钮形成操作上的变量

文章推荐： javascript - API请求后在JS中访问数据？

文章推荐： javascript - 映射数组时考虑空值 ES6

文章推荐： javascript - JS 中的按钮和文本输入

android - 无论如何，Android和IOS都可以在后台发送短信吗？
我想制作一个主要功能取决于发送短信的应用程序。在我开发 android(native) 之前，但现在我使用 React-Native 使其适用于 IOS 和 Android。在android中，如果
testng - 无论如何，当它失败时重新运行一个测试类
我想重新运行一个测试类，包括它的 @BeforeMethod当其中任何一个是 @Test失败。我已经实现了 TestNG 重试逻辑来重新运行失败的测试用例，但我想运行整个类。最佳答案可以这样做。
haskell - 到底是什么 "-<"，无论如何？
前几天我遇到了一个接线员，-)，而我找到的一个名称“arrow application”通常链接到 the other kind of Arrow present in Haskell ，这似乎无关。
export - 无论如何，PHPExcel中是否可以在导出中隐藏值？
我希望能够在我的sql语句中获取记录的ID： $result = $db->query("select id,FQDN, ip_address, ....."); 但是，我不希望它使用标题显示在导出中
delphi - TPanel颜色为黑色，无论如何
我刚刚在Windows XP中激活了主题（通常使用经典的Win9x外观进行工作），并且看到两个面板是纯黑色的。其他面板也可以（颜色= clBtnFace）。这两个面板的共同点是它们的父面板。两者都直
php - 无论如何，SQlite3是否知道已添加的条目数量？
我正在研究使用数据库存储到该数据库条目的生成的链接，该链接包含有关该数据库条目的更多信息。因此，您会看到一些数据库，然后单击该条目并打开一个新页面，其中包含有关该条目的更多信息。我一直在寻找一种可以
javascript - 无论如何，信息窗口都会显示最小尺寸
这里有几篇与此主题相关的帖子，但我已经应用了与我读到的所有内容相关的内容: CSS .infoWindow { width: 90px; height: 90px; } 创建信息窗口并
python - 无论如何，在退出时关闭sqlite3数据库
我目前正在编写使用sqlite3的脚本。最近，由于我的代码因错误而提前退出，我遇到了另一个程序正在使用该数据库的问题。遇到类似问题，通常使用: conn = sqlite3.connect(...)
redis - 无论如何，是否会使redis键值随时间减少1？
我只想在Redis数据库中使用1个键值对。并且该值将每60秒减少1。可能吗？最佳答案一个有趣的问题:)是的，您可以花一些技巧。众所周知，Redis TTL会随着时间自动降低。因此，您可以将TTL
ios - 无论如何，可以在iOS中内嵌播放视频吗？
我尝试了数十种不同的方式来播放来自YouTube或服务器的视频，而没有使其进入全屏模式。我知道这是有可能的，因为YouTube应用程序允许这种情况发生，但似乎无法弄清楚该怎么做。请指教! 最佳答案看
javascript - 无论如何，有没有在jade中编写服务器端nodejs
是否有办法在jade文件或其他模板引擎中编写服务器端nodejs代码(如down代码)？ (或没有模板引擎): extends layout block content p Welcome to
video - 无论如何，是否可以完全在线保护视频？
Closed. This question needs to be more focused。它当前不接受答案。想改善这个问题吗？更新问题，使其仅关注editing this post的一个问题。
c# - 无论如何，是否可以通过Everyplay检索上传到youtube的视频的URL？
您好，我最近下载并打开了适用于everyplay android的unity软件包，想知道我是否还能抓取玩游戏的用户上传到youtube的视频的URL？看来，实际共享功能的大部分代码是外部的，我看不到
javascript - 无论如何，我可以在使用应用程序脚本提交时获取谷歌表单的网址吗
我正在尝试在 Google 表单的网址中传递查询参数，并将该表单提交给其他人来填写，因此我希望 onSubmit 事件检查该查询参数并获取它。我的 onSubmit 事件有以下代码: functio
javascript - 无论如何，是否可以将数组返回到不同的网格列
我有一个这样的功能，我想将单元格放在网格列的左侧和右侧，现在它只是一个一个地放置，对于左侧网格列，它应该是，对于正确的，可以是，有没有根据索引区别对待，如果是奇数则属于左Grid Column
elasticsearch - 无论如何，在聚合之前是否要对索引进行排序
我有以下索引模板 { "index_patterns": "notificationtiles*", "order": 1, "version": 1, "aliases": {
docker - 无论如何，有一个DockerBuild文件使用环境变量文件吗？
我有一个Docker容器，该容器将具有大量(大约100个)自定义设置。与将默认值全部编码到DockerFile中相比，我希望具有更大的灵活性。我注意到docker run命令支持此选项: --env-
javascript - 无论如何，限制平移时更新谷歌地图
我有一个带有指针的谷歌地图。我已经对其进行了设置，因此每当缩放发生变化或视口(viewport)发生变化时，它都会相应地加载一组新的指针: google.maps.event.addListener(
php - 无论如何，没有服务就可以启动Docker容器吗？
我有一个php容器，每次启动容器时都需要启动php-fpm。现在，由于php-fpm config文件中的配置错误，fpm无法启动，因此，容器无法启动。无论如何，我可以在没有php-fpm的情况下启动
docker - 无论如何，没有sudo访问权限就可以启动rsyslogd？
我正在运行没有sudo访问权限的docker容器 docker run -it --user 739000:8500 blabla... 无论如何，我可以在没有sudo访问的情况下在此docker容器

首页

博学

6Ren·AI

商城