我为JavaScript函数构建了一个速记函数:
function editById(getId) {
document.getElementById(getId);
}
然后我尝试在我的script.js中使用它:
function run() {
document.editById("test").style.color="blue";
}
然后我的HTML:
<p id="test">TestTestestestse</p>
<input type="button" onclick="run()" value="Change text color">
这不适用于editById
,但确实getElementById
...
ABOVE SOLVED
添加到:
现在这不起作用:
shortHand.js
// Long term document functions
document.editById = function (find) { return document.getElementById(find); }
document.editByClass = function (find2) { return document.getElementsByClassName(find2); }
document.editByTag = function (find3) { return document.getElementsByTagName(find3); }
的script.js
function run() {
document.editById("test").style.color="blue";
}
function run2() {
document.editByClass("test").style.color="blue";
}
function run3() {
document.editByTag("h1").style.color="blue";
}
HTML
<p id="test">TestTestestestse</p>
<p class="test">TestTestestestse222</p>
<h1>TestTestestestse368585475</h1>
<input type="button" onclick="run()" value="Change text color">
<input type="button" onclick="run2()" value="Change text color">
<input type="button" onclick="run3()" value="Change text color">
答案 0 :(得分:6)
将您的功能修改为
function editById(getId) {
//return object
return document.getElementById(getId);
}
function run() {
editById("test").style.color="blue";
}
此外,您还可以使用
document.editById = function (getId) {
return document.getElementById(getId);
}
function run() {
document.editById("test").style.color = "blue";
}
答案 1 :(得分:-1)
函数editById在文档Object上注册但在窗口上。 你不能像这样调用这个函数
你可以像这样调用这个函数
function run() {
editById("test").style.color="blue";
}