Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将函数绘制到<;部门>;_Javascript_Html - Fatal编程技术网

Javascript 将函数绘制到<;部门>;

Javascript 将函数绘制到<;部门>;,javascript,html,Javascript,Html,谢谢你的阅读和帮助。我正在尝试使用一个函数,该函数在一个特定的div中绘制一个刻度盘,但不起作用。我知道这适用于文本: <div id="content"> </div> <script> document.getElementById('content').innerHTML = "hi"; </script> document.getElementById('content').innerHTML=“hi”; 但是如果我想在那里写一些函

谢谢你的阅读和帮助。我正在尝试使用一个函数,该函数在一个特定的div中绘制一个刻度盘,但不起作用。我知道这适用于文本:

<div id="content">
</div>

<script>
document.getElementById('content').innerHTML = "hi";
</script>

document.getElementById('content').innerHTML=“hi”;
但是如果我想在那里写一些函数呢?我该怎么做?想象一下我有这个:

<div id="content">
</div>

<script>
document.getElementById('content').innerHTML = somefunction();

function somefunction(){
document.write("hi");
}
</script>
<div id="content">
</div>

<script>    
function createDial(){
document.write("<input class='knob' data-min='-15000' data-max='15000' value='-11000'>)
}
</script>

document.getElementById('content').innerHTML=somefunction();
函数somefunction(){
文件。填写(“hi”);
}
我知道如果我使用return,它的工作效率很高,但我想知道是否有一种不使用return的方法

非常感谢你

编辑:

我会说得更具体一些。想象一下我有这个:

<div id="content">
</div>

<script>
document.getElementById('content').innerHTML = somefunction();

function somefunction(){
document.write("hi");
}
</script>
<div id="content">
</div>

<script>    
function createDial(){
document.write("<input class='knob' data-min='-15000' data-max='15000' value='-11000'>)
}
</script>

函数createDial(){
文件。写(“)
}
这个输入创建了一个拨号盘(看看你是否不知道我指的是什么)。现在,有了这个,我可以在“内容”中画一个拨号盘吗


谢谢大家,我的英语很抱歉!

返回
somefunction
的字符串,而不是
文档。编写

function somefunction(){
  return "hi";
}
您可以将元素名传递给函数,并将html分配给其中的元素

function somefunction(elementId){
   document.getElementById(elementId).innerHTML = "hi";
}

somefunction
而不是
文档返回字符串。编写

function somefunction(){
  return "hi";
}
您可以将元素名传递给函数,并将html分配给其中的元素

function somefunction(elementId){
   document.getElementById(elementId).innerHTML = "hi";
}

如果确实需要在不返回值的情况下完成此工作,可以执行以下操作:

function somefunction (elm) {
    elm.innerHTML = '<input class="knob" data-min="-15000" data-max="15000" value="-11000">';
    $(".knob").knob();
}
somefunction(document.getElementById('content'));
函数somefunction(elm){
elm.innerHTML='';
$(“.knob”).knob();
}
somefunction(document.getElementById('content');

如果您确实需要在不返回值的情况下完成此工作,可以执行以下操作:

function somefunction (elm) {
    elm.innerHTML = '<input class="knob" data-min="-15000" data-max="15000" value="-11000">';
    $(".knob").knob();
}
somefunction(document.getElementById('content'));
函数somefunction(elm){
elm.innerHTML='';
$(“.knob”).knob();
}
somefunction(document.getElementById('content');
我所需要的就是这个(我想Yoshi也提到了这个):

这就是我以前用jQuery标记的原因。

我所需要的就是这个(我想Yoshi也提到了这个):



这就是我以前用jQuery标记的原因。

你想实现什么?你的问题不清楚,因为你在使用赋值,你必须使用函数的返回值。没有办法。如果你绝对想避免返回,你必须重新构造你的代码。你想实现什么?你的问题是t clear当你使用赋值时,你必须使用函数的返回值。没有办法。如果你绝对想避免返回,你必须重新构造你的代码。是的,就像我写的那样,我知道这是可行的,但我想知道是否有办法不使用它,因为我有一个函数,可以画一个刻度盘,我想@user1722670看到这条评论,我想你必须做一些研究。这样你才能更好地了解DOM在浏览器中的工作方式。@Adil JSLint会抛出:
未使用的变量:elementName
;)。谢谢@Teemu,你太好了。我编辑了答案,让它更具体,谢谢大家的支持lp!是的,就像我写的那样,我知道这是可行的,但我想知道有没有办法不用它,因为我有一个函数可以画一个刻度盘,我想把它放在一个特定的div中。@user1722670看到这个评论,我想你必须做一些研究。这样你就可以更好地了解DOM在浏览器中的工作方式。@Adil JSLint会抛出:
未使用的变量:elementName
;)。谢谢@Teemu,你真是太好了。我编辑答案是为了更具体一点,谢谢大家的帮助!是的,那会管用,但这不是问题所在。我编辑了答案:)@user1722670我不确定这是否是你的意思。相反,我确定你不能使用
文档。write()
解析完页面后,因为它会清除整个文档,所以只剩下该函数编写的HTML。是的,这会起作用,但这不是问题所在。我编辑了答案:)@user1722670我不确定这是否是您的意思。相反,我确定您不能使用
document.write()
解析页面后,由于它将清除整个文档,因此只剩下该函数编写的HTML。