标签: innerhtml

Javascript iframe innerHTML

有没有人知道如何从IFRAME中获取HTML我已尝试过几种不同的方法:

document.getElementById('iframe01').contentDocument.body.innerHTML
document.frames['iframe01'].document.body.innerHTML
document.getElementById('iframe01').contentWindow.document.body.innerHTML
Run Code Online (Sandbox Code Playgroud)

等等

javascript iframe innerhtml

20
推荐指数
4
解决办法
13万
查看次数

在innerHTML中添加"新行"

我正在尝试创建一个包含第一个单元格中的图像的表格以及有关第二个单元格中的图片的信息.

我需要在一个单元格中添加不同的信息,如下所示:

cellTwo.innerHTML = arr_title[element] + arr_tags[element];
Run Code Online (Sandbox Code Playgroud)

可以在那里添加"新行"吗?我的意思是这样的:

cellTwo.innerHTML = arr_title[element] + "/n" + arr_tags[element];
Run Code Online (Sandbox Code Playgroud)

javascript html5 innerhtml

20
推荐指数
2
解决办法
7万
查看次数

使用Javascript访问<noscript>的内容

<noscript><div id="example">I want to get this innerHTML</div></noscript>

<script type="text/javascript"> alert($('example').innerHTML);</script>
Run Code Online (Sandbox Code Playgroud)

这个javascript片段只返回一个空字符串.有没有办法获取noscript节点的内容?

ps我在这个特定项目上使用原型.

javascript innerhtml noscript

19
推荐指数
2
解决办法
1万
查看次数

如何清除内部HTML

我已经习惯了一段时间,但它不会起作用,我无法弄清楚为什么.请帮忙.这是我有的:

<html>
<head>
    <title>lala</title>
</head>
<body>
    <h1 onmouseover="go('The dog is in its shed')" onmouseout="clear()">lalala</h1>
    <div id="goy"></div>
    <script type="text/javascript">
    function go(what) {
        document.getElementById("goy").innerHTML = what;
    }
    function clear() {
        document.getElementById("goy").innerHTML = "";
    }
    </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

鼠标悬停工作并显示div中的文本,但当我将鼠标移出h1标签时,文本停留在那里,我不知道为什么,帮助将不胜感激.

html javascript innerhtml

19
推荐指数
1
解决办法
7万
查看次数

调试IE8 Javascript替换innerHTML运行时错误

function DeleteData(ID)
{
 var ctrlId=ID.id;

 var divcontents=document.getElementById(ctrlId).innerHTML;
 var tabid=ctrlId.replace(/div/,'tab');
 var tabcontents=document.getElementById(tabid).innerHTML;
 alert(document.getElementById(tabid).innerHTML);
 document.getElementById(tabid).innerHTML="<TBody><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></TBody>";
 document.getElementById(ctrlId).innerHTML='';

}
Run Code Online (Sandbox Code Playgroud)

我试图用空表替换表但是

document.getElementById(tabid).innerHTML="<TBody><tr><td></td></tr><tr><td></td></tr><tr><td></td></tr></TBody>";
Run Code Online (Sandbox Code Playgroud)

这条线是造成的 Unknown Runtime Error

javascript debugging innerhtml

17
推荐指数
3
解决办法
4万
查看次数

使用纯JS删除所有内容

我正在寻找一种方法来使用纯Javascript删除网页的整个内容 - 没有库.

我试过了:

document.documentElement.innerHTML = "whatever";
Run Code Online (Sandbox Code Playgroud)

但这不起作用:它取代了<html/>元素的内部.我正在考虑更换整个文件,包括可能的doctype<?xml声明.

html javascript innerhtml

17
推荐指数
1
解决办法
5万
查看次数

Angular 2相当于ng-bind-html,$ sce.trustAsHTML()和$ compile?

在Angular 1.x中,我们可以使用HTML标记实时插入HTML ng-bind-html,并结合JavaScript调用$sce.trustAsHTML().这使我们有80%的方式,但是当使用Angular标签时不会起作用,例如你插入了使用过的HTML ng-repeat或自定义指令.

为了实现这一点,我们可以使用一个名为$ compile自定义指令.

Angular 2中所有这些的等价物是什么?我们可以使用绑定,[inner-html]但这仅适用于非常简单的HTML标记,例如<b>.它不会将自定义角度2指令转换为正常运行的HTML元素.(很像Angular 1.x没有$compile步骤.)$compileAngular 2 的等价物是什么?

innerhtml angular

17
推荐指数
2
解决办法
3万
查看次数

为什么if(element.innerHTML =="")在firefox中不起作用

为什么if (element.innerHTML == "")不在firefox中工作

但在IE中工作正常,有什么想法吗?

html javascript firefox internet-explorer innerhtml

16
推荐指数
3
解决办法
3万
查看次数

设置innerHTML:为什么不更新DOM?

想知道为什么我document.getElementById("my_div").innerHTML在重新分配变量时无法更新DOM.例如:

<div id="my_div" onclick="clicky();">
    Bye.
</div>
<script type="text/javascript" charset="utf-8">
    function clicky() {
        var myDivValue = document.getElementById("my_div").innerHTML;
        myDivValue = "Hello";
        console.log(myDivValue);
    }
</script>
Run Code Online (Sandbox Code Playgroud)

在日志中,我可以看到变量在我点击时重新分配,但my_div的innerHTML保持不变.为什么是这样?


经过几年的经验......

对于刚开始的人(就像我一样)并发现自己也在问同样的事情,有两个重要的概念需要理解:

  1. 通过引用分配:我的错误是我认为var myDivValue = element.innerHTML会为innerHTML创建一个引用/地址,每次我为该引用分配一个新值时,我都可以更新内容,但这不是它的工作原理.
  2. 按值分配:相反,我只是制作一个element.innerHTML值的副本(这是空白的)并将值赋给myDivValue,然后在myDivValue = "Hello";,我正在分配一个新值myDivValue,所以当然它永远不会更新element.innerHTML.

令人困惑的部分:当=在JS中使用赋值运算符()时,你不是要明确指定引用或值(var referenceName = reference_to_thingvs. var containerName = newValue),

正如许多人在答案中所说,正确的方法是将document.getElementById("my_div")元素分配给myDiv:

var myDiv = document.getElementById("my_div")
Run Code Online (Sandbox Code Playgroud)

现在我有一个被调用元素的引用myDiv,我可以随时更新innerHTML属性:

myDiv.innerHTML …
Run Code Online (Sandbox Code Playgroud)

javascript innerhtml

16
推荐指数
2
解决办法
5万
查看次数

如何将onclick事件添加到reactjs中由dangerouslysetInnerHtml呈现的字符串?

我有一个字符串,即

let string= "Hello <b>Click here</b>";

render() {
return (<div dangerouslySetInnerHTML={this.createMarkup(value)}/>
}

createMarkup = value => { 
        return { __html: value };
 };
Run Code Online (Sandbox Code Playgroud)

我想要的是能够向<b>标签添加一个 onclick 事件,在点击时执行状态操作。

潜在的问题是我有一个函数应该渲染 API 传递的任何内容。API 将发送一个字符串“Money received for order ID 123 ”,或者可以是我无法控制的任何字符串。后来,我得到一个要求,加粗的项目必须是可点击的,以便执行一些操作。我没有任何其他方法可以解决它。

我怎样才能做到这一点?

html javascript onclick innerhtml reactjs

16
推荐指数
2
解决办法
8121
查看次数