通过id更简单地获取元素?

时间:2018-01-24 12:38:01

标签: javascript html css getelementbyid

我很想知道,你知道我们如何写document.getElementById('id').innerHTML等。这行可以写成

('id').innerHTML

.value是否相同?

5 个答案:

答案 0 :(得分:1)

这很奇怪,但确定,为什么不呢!

我不建议在小型个人有趣的项目之外实际执行此操作,但它技术上可行,您只需要扩展内置{{1}带有getter / setter对的原型(这样你就可以直接在字符串上调用String):

innerHTML

然后你可以这样做:

Object.defineProperty(String.prototype, "innerHTML", {
    get: function () {
        return document.getElementById(this.valueOf()).innerHTML;
    },
    set: function (value) {
        document.getElementById(this.valueOf()).innerHTML = value;
    }
});

其中,BTW,与:

相同
("id").innerHTML = "element contents";

(严肃地说,不要为实际项目做这件事)

答案 1 :(得分:0)

我可能会说明显而易见的,但你总是可以创建一个自定义函数..

function getCustomElementById(id) { return document.getElementById(id).innerHTML; }

所以你可以打电话

var content = getCustomElementById("someid");

答案 2 :(得分:0)

你可以使用更简化的jQuery。

JS:

document.getElementById('id')

jQuery的:

$('#id')

答案 3 :(得分:0)

使用纯JavaScript,您可以将其设置为变量

var x = document.getElementById('id');

x.innerHTML = 'blah';

或者你可以使用jQuery:)

答案 4 :(得分:-1)

使用Jquery$('#id').html();获取并$('#id').html("value");设置

相关问题