注意: 此问题被标记为重复,但我不希望获得脚本元素,而是在脚本所在的代码中看到div元素。 而#34;重复"正在寻找脚本标签。我的剧本不是这种情况。
我正在为当前项目使用JavaScript,并且想知道是否有办法检测创建对象的HTML元素。
请考虑以下代码。
Editable.js
function Editable(elem, form1, form2) {
this._edit_form;
this._value_form;
this._current_form;
//Getters
this.getEditForm = function() { return this._form1; };
this.getValueForm = function() { return this._form2; };
this.getCurrentForm = function() { return this._current_form; };
//Setters
this.setCurrentForm = function(current_form) { this._current_form = current_form; };
this.switch = function() {
if(_current_form == _edit_form)
_current_form = _value_form;
else
_current_form = edit_form;
};
var __construct = function() {
$(this.elem).html(this._value_form);
}();
}
-
<html>
<head>
<script src='Editable.js'></script>
</head>
<body>
<div>
<script>new Editable(this, "Company Name", "<input type='text' placeholder='enter a company name' />");</script>
</div>
</body>
</html>
可编辑的要点是它有一个值表单和一个编辑表单。 我希望能够通过从元素中删除文本和放置HTML输入字段来切换它们。 单击元素时应该发生此更改。
现在的问题是&#34;这个&#34;记录为
Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}
虽然对象需要知道它所在的元素,但它可以编辑它的内容。 所以我需要DIV HTML元素。
非常感谢。