Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.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添加HTML?_Javascript_Html - Fatal编程技术网

使用Javascript添加HTML?

使用Javascript添加HTML?,javascript,html,Javascript,Html,我想知道是否有可能让Javascript在某个DIV中在页面上编写一些HTML 这是由于这样一个事实,我无法访问站点的某些区域的标记。但我想在这里增加一小部分 例如,我想添加一些html的容器是 有没有可能让Javascript来实现这一点 非常感谢 即使使用普通JavaScript,这也相当简单 var topicsDiv = document.getElementById("topics"); topicsDiv.innerHTML = '<div id="mysection"&g

我想知道是否有可能让Javascript在某个DIV中在页面上编写一些HTML

这是由于这样一个事实,我无法访问站点的某些区域的标记。但我想在这里增加一小部分

例如,我想添加一些html的容器是

有没有可能让Javascript来实现这一点


非常感谢

即使使用普通JavaScript,这也相当简单

var topicsDiv = document.getElementById("topics");
topicsDiv.innerHTML = '<div id="mysection"> </div>';
var-topicsDiv=document.getElementById(“主题”);
topicsDiv.innerHTML='';

但是,如果您要进行一些严肃的DOM(文档对象模型,即HTML结构)操作,那么我建议您考虑使用该库。但是,如果任务仅限于您的问题,那么正常的JavaScript应该可以,如上所示。

即使使用普通的JavaScript,这也是相当简单的

var topicsDiv = document.getElementById("topics");
topicsDiv.innerHTML = '<div id="mysection"> </div>';
var-topicsDiv=document.getElementById(“主题”);
topicsDiv.innerHTML='';

但是,如果您要进行一些严肃的DOM(文档对象模型,即HTML结构)操作,那么我建议您考虑使用该库。但是,如果任务仅限于您的问题,那么正常的JavaScript应该可以,如上所示。

当然可以。例如,可以使用以下方法执行此操作:

$(“主题”)。更新(“”);

对于或其他框架,语法非常相似,正如Noldorin所指出的,您也可以在没有任何框架的情况下执行此操作。

当然。例如,可以使用以下方法执行此操作:

$(“主题”)。更新(“”);
对于或其他框架,语法非常相似,正如Noldorin所指出的,您也可以在没有任何框架的情况下执行此操作。

使用简单的Javascript(没有JQuery或其他您可以执行的操作):

HTML:


JS:

document.getElementById('topics')。innerHTML='';
使用JQuery,您只需执行以下操作:

$('#topics').append('<div id="mysection"></div>');
$(“#主题”)。附加(“”);
使用简单的Javascript(没有JQuery或您可以做的事情):

HTML:


JS:

document.getElementById('topics')。innerHTML='';
使用JQuery,您只需执行以下操作:

$('#topics').append('<div id="mysection"></div>');
$(“#主题”)。附加(“”);

您可能正在查找innerHTML属性

document.getElementById('topics').innerHTML = 'whatever';

您可能正在查找innerHTML属性

document.getElementById('topics').innerHTML = 'whatever';
我同意Noldorin、Can Berk Güder和其他人的观点,我想引用一句话,这就是DOM(文档对象模型),也是AJAX的主要组件之一。
AJAX向服务器发送请求,并使用类似这样的技术将其“放入”页面中

知道你几乎可以用javascript做任何事情;您可以使用“”并让javascript完成所有其他操作。这就是它的作用,如果您需要动态地大量修改页面,您可能会对此感兴趣。

我同意Noldorin、Can Berk Güder和其他人的观点,我想引用这就是DOM(文档对象模型)和AJAX的主要组件之一。
AJAX向服务器发送请求,并使用类似这样的技术将其“放入”页面中


知道你几乎可以用javascript做任何事情;您可以使用“”并让javascript完成所有其他操作。这就是它的作用,如果您需要动态地大量修改页面,您可能会对它感兴趣。

innerHTML将“HTML”大写,不要忘记转义双引号@或者只使用单引号。:)innerHTML将“HTML”大写,不要忘记转义双引号@或者只使用单引号。:)只是为了学究,innerHTML是一个属性,而不是一个函数。我自由地做了那个修复。只是为了学究,innerHTML是一个属性,而不是一个函数。我自由地做了那个修复。使用Prototype时颠簸。使用Prototype时颠簸。