首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何创建“点函数”?(js对象?)

如何创建“点函数”?(js对象?)
EN

Stack Overflow用户
提问于 2015-03-12 15:25:08
回答 1查看 1.4K关注 0票数 0

代码语言:javascript
运行
复制
Document.prototype.greenify = function(){
    return {
        style : function(){
            return this.color = "green";
        }
    }
};
document.getElementsByTagName("H1")[0].greenify();
代码语言:javascript
运行
复制
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>TEST</h1>
<script type="text/javascript" src="main.js"></script>
</body>
</html>

嘿,外面,

我想要建立一个“点函数”。我的审判职能应该是“绿化”我的元素。我已经尝试将函数添加到Window对象中,但结果是相同的。所以现在我的问题..。我做错了什么还是忘了什么?感谢我收到的每一个答案:)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-12 15:26:52

h1元素不继承Document.prototype。她们继承的是:

  • HTMLHeadingElement.prototype
  • HTMLElement.prototype
  • Element.prototype
  • Node.prototype
  • EventTarget.prototype
  • Object.prototype

例如,可以将该方法添加到HTMLElement.prototype中。

代码语言:javascript
运行
复制
HTMLElement.prototype.greenify = function(){
    this.style.color = "green";
};
document.getElementsByTagName("H1")[0].greenify();

代码语言:javascript
运行
复制
HTMLElement.prototype.greenify = function(){
    this.style.color = "green";
};
document.getElementsByTagName("H1")[0].greenify();
代码语言:javascript
运行
复制
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>TEST</h1>
<script type="text/javascript" src="main.js"></script>
</body>
</html>

但是,请注意,修改不属于自己的对象被认为是一种糟糕的做法。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29013782

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档