标签: innerhtml
为什么innerHtml不起作用
为什么不起作用innerHtml？
<script src="jquery.js"></script>
<script type="text/javascript">
function chat()
{
alert ("started!");
document.getElementById("test").innerHtml="foo";
}
</script>
<body id="body" onload="chat();">
<p id="test">
test..
</p>
</body>
"开始!" 正在显示,但内容<p>不会foo按预期更改.为什么？
推荐指数
解决办法
查看次数
添加到innerHTML而不破坏表单内容
我有一个基于多文件上传器(swfupload)的ajax生成的表单.在完成上传的每个文件后,它会向给定的dom元素添加更多表单元素.这因此给我一个问题.如果我选择上传5个文件,第一个文件将生成一个表格,我将开始输入数据,但是,当第二个文件完成上传时,它会清除表格元素中先前输入的数据并附加第二个表单元素.
我想这是因为我使用:
document.getElementById('test').innerHTML = document.getElementById('test').innerHTML + newformelements;
我认为做上述操作并不会在表单中保留任何输入的数据,只保留HTML本身.
那么,如何在不破坏已经放入表单字段的内容的情况下附加到此元素呢？基于多重上传者,可能的孩子数是动态的.
推荐指数
解决办法
查看次数
Javascript - 使用innerHTML替换html
我正在尝试使用innerHTML javascript替换html.
从:
aaaaaa/cat/bbbbbb
至:
<a href="http://www.google.com/cat/world">Helloworld</a>
这是我的代码
<html>
<head>
</head>
<body>
<p id="element1">aaaaaa/cat/bbbbbb</p>
<script language="javascript">
var strMessage1 = document.getElementById("element1") ;
strMessage1.innerHTML = strMessage1.innerHTML.replace( /aaaaaa./g,'<a href=\"http://www.google.com/') ;
strMessage1.innerHTML = strMessage1.innerHTML.replace( /.bbbbbb/g,'/world\">Helloworld</a>') ;
</script>
</body>
</html>
当我运行此代码时,它消失了Helloworld超链接.我做错了什么.请帮忙.
谢谢你的帮助.
推荐指数
解决办法
查看次数
Angular2在for循环中加载动态内容/ html
我有一个json数组,可以包含我想要加载的组件的组件或html选择器.我试图在for循环中加载这些数据.当我尝试插入值{{d.html}}时,它会显示为计划文字.当我使用下面的innerHTML方法并检查dom时,我看到那里的html,但它不像一个自定义组件(dom只包含而不是初始化它并用组件模板替换它).
我看过动态内容加载器,但看起来不合适.这是for循环,因此不能使用模板语法,因此loadIntoLocation不适合我.如果组件有任何输入,也不确定它是如何工作的.
<div *ngFor="#d of dtabs" class="tab-pane" id="tab-{{d.component}}">
<div [innerHTML]="d.html"></div>
</div>
推荐指数
解决办法
查看次数
如何使用angular 2组件动态添加innerHTML
我正在为组件库创建文档.我想要1个html字符串,它可以生成页面上的组件和文档.
我想要的是:
是)我有的:
当我检查HTML时,我的按钮标签不存在.当我使用innerHTML时,它们被剥离了.
我的组件代码:
private flatButtons = `<div class="button-wrapper">
<my-button [type]="'default'" [raised]="false">Default</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'primary'" [raised]="false">Primary</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'success'" [raised]="false">Success</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'info'" [raised]="false">Info</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'warning'" [raised]="false">Warning</my-button>
</div>
<div class="button-wrapper">
<my-button [type]="'danger'" [raised]="false">Danger</my-button>
</div>`
constructor() {}
getCode() {
return html_beautify(this.flatButtons, this.options)
}
我的HTML模板:
<div class="row">
<div class="col-sm-6 col-xs-12">
<mi-card title="Flat Buttons" baCardClass="with-scroll button-panel">
<div id="flatButtons" [innerHTML]="getCode()">
</div>
</mi-card>
</div>
<div class="col-sm-6 col-xs-12">
<pre>{{getCode()}}</pre>
</div>
推荐指数
解决办法
查看次数
尝试使用javascript添加样式标记(IE8中的innerHTML)
这在IE8中不起作用.我认为是导致问题的innerHTML.怎么解决？
// jQuery plugin
(function( $ ){
$.fn.someThing = function( options ) {
var d = document,
someThingStyles = d.createElement('style');
someThingStyles.setAttribute('type', 'text/css');
someThingStyles.innerHTML = " \
.some_class {overflow:hidden} \
.some_class > div {width:100%;height:100%;} \
";
d.getElementsByTagName('head')[0].appendChild(someThingStyles);
});
};
})( jQuery );
推荐指数
解决办法
查看次数
通过id更改span的内容
我想把约翰换成迈克.我不知道为什么它不起作用.
<span id="user">John</span>
我正在尝试这个但不工作我不知道为什么不工作.
function set() {
document['getElementById']('user')['value'] = Owner;
// owner value is mike
}
推荐指数
解决办法
查看次数
R:rvest提取innerHTML
使用R中的rvest来抓取网页,我想从节点中提取相应的内容innerHTML,特别是在应用之前将换行符更改为换行符html_text.
所需功能的示例:
library(rvest)
doc <- read_html('<html><p class="pp">First Line<br />Second Line</p>')
innerHTML(doc, ".pp")
应产生以下输出:
[1] "<p class=\"pp\">First Line<br>Second Line</p>"
有了rvest 0.2这个就可以实现toString.XMLNode
# run under rvest 0.2
library(XML)
html('<html><p class="pp">First Line<br />Second Line</p>') %>%
html_node(".pp") %>%
toString.XMLNode
[1] "<p class=\"pp\">First Line<br>Second Line</p>"
随着更新,rvest 0.2.0.900这不再起作用.
# run under rvest 0.2.0.900
library(XML)
html_node(doc,".pp") %>%
toString.XMLNode
[1] "{xml_node}\n<p>\n[1] <br/>"
所需的功能通常在write_xml包的功能中可用xml2,rvest现在取决于 - 如果只能write_xml将其输出提供给变量而不是坚持写入文件.(也是textConnection不接受的). …
推荐指数
解决办法
查看次数
XSS预防和.innerHTML
当我允许用户将数据作为参数插入JS innerHTML函数时,如下所示:
element.innerHTML = “User provided variable”;
我明白为了防止XSS,我必须进行HTML编码,然后对用户输入进行JS编码,因为用户可以插入如下内容:
<img src=a onerror='alert();'>
只有HTML或只有JS编码才有帮助,因为.innerHTML我理解的方法在将输入插入页面之前对输入进行解码.使用HTML + JS编码,我注意到.innerHTML只解码JS,但HTML编码仍然存在.
但我能够通过双重编码实现相同的HTML.
我的问题是:有人可以提供一个示例,说明为什么我应该进行HTML编码然后进行JS编码,而不是在使用该.innerHTML方法时在HTML中进行双重编码？
推荐指数
解决办法
查看次数
如何使用innerHTML在角度2中附加HTML内容
我使用innerHTML在我的组件中呈现HTML内容.但是innerHTML删除HTML内容中的所有属性(例如:删除样式属性)并呈现它.但需要按原样呈现,并且不希望从HTML内容中提取任何属性.是否有任何与innerHTML等效的内容,或者我们是否可以使用innerHTML完成所需的结果.提前致谢.
我的模板文件
<div id="more-info-box" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Title</h4>
</div>
<div class="modal-body">
<div class="clearfix">
<div [innerHTML]="htmlContent" class="long-desc-wrap">
</div>
</div>
</div>
</div>
</div>
</div><!-- End Info box -->
我的组件文件
import { Component } from '@angular/core';
@Component({
selector: 'cr-template-content',
templateUrl: './app/channel.component.html'
})
export class TemplateComponent {
constructor() {
}
htmlContent = '<p>This is my <strong style="color:red">Paragraph</strong></p>'
}
我当前的输出是没有样式属性的内容.但是期望的结果应该是style属性.
推荐指数
解决办法
查看次数