JavaScript检测创建对象的元素

时间:2014-09-08 08:47:30

标签: javascript html oop

注意: 此问题被标记为重复,但我不希望获得脚本元素,而是在脚本所在的代码中看到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元素。

非常感谢。

0 个答案:

没有答案