我正在尝试添加一个带有下拉菜单的下拉组合框。这是我的代码
if (trendsmega!="")
{
var companymegaid=document.getElementById("megamenu-mlid-783");
//alert("Found "+trendmegaid.innerHTML);
if (companymegaid!="")
{
var othercompaniesli=document.getElementById("megamenu-mlid-1185");
alert(othercompaniesli.innerHTML);
othercompaniesli.innerHTML="";
othercompaniesli.innerHTML= "<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>";
}
}
我收到以下错误
missing ; before statement
[Break On This Error]
....innerHTML= "<select> <option value="volvo">Volvo</option> <option value="saab"...
/drupal/ (line 1329, col 56)
任何人都可以帮助我如何使用java脚本添加带有innerhtml的组合框。
$('.select option:selected[innerHTML="5"]')
我的目标是选择当前选择的选项，并且其 innerHTML 与字符串完全匹配（例如：“5”）
这是一个小提琴： http: //jsfiddle.net/kxkzU/4/
这： $('.select option:selected:contains("5")') 不起作用，因为此时值 0.375 将匹配。
我想更改这些标签之间的一些文本：
<div id=thing>
<a href=link></a>texttochangehere<a href=link2></a>
</div>
但不改变链接。我尝试只用innerHTML和子字符串替换我想要的部分，但它似乎取消了另一个脚本使用的标签的链接。
我正在开发一个模拟控制台窗口的项目。当用户按下 Enter<input>键时，屏幕上会添加一个新的文本字段并聚焦。唯一的问题是之前<input>字段的值在此过程中丢失了。
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<script src='script.js'></script>
</head>
<body>
<input type="text" class="console_window"/>
</body>
</html>
var input;
function init() {
function keyup(e) {
switch(e.which) {
case 13:
document.body.innerHTML +=
"<input type='text' class='console_window'/>"
input = document.getElementsByClassName("console_window")[document.getElementsByClassName("console_window").length-1];
input.focus();
break;
}
}
document.addEventListener("keyup", keyup, false);
}
document.addEventListener("DOMContentLoaded", init, false);
和小提琴。
另外，我不喜欢使用插件。
谢谢！
忙着建一个网站，在用户做了几个选择后，绘制了图表。我正在使用 javascript 替换 div 的内部 HTML 以执行不同的步骤，更具体地说，如下所示：
document.getElementById('AnyName').innerHTML = content;
这适用于 Chrome 和 Firefox，但不适用于 Safari 或 IE。
目前内容或多或少的定义如下，只是一个例子：
var content = (function () {/*
<div class="selectNavbar">
Some HTML and other stuff here
</div>
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];
我尝试用 value/textContent 替换 innerHTML，因为我看到有些人在使用 Safari 时遇到问题，这似乎解决了它，但页面仍然无法在新的 HTML 中加载。
我也使用过w3 验证器，但似乎只有我使用了草率样式，我认为这不是问题所在。
提前致谢。如果有人需要，我可以链接所有代码，但可以在上面提到的链接中查看源代码。
我的页面上有一些代码,如:
$(document).ready(function(){
//code
});
在jQuery准备好了,有一个代码来获取div内部HTML:
var tmp = document.getElementById("content").InnerHTML;
它返回undefined.据我所知,当页面HTML完全加载时,jQuery就绪了.但它不能只找到div!
jQuery包含和div id是正确的.
有任何想法吗？
我正在尝试使用内部HTML添加换行符.我的代码到目前为止如下:
document.getElementById("demo").innerHTML += "hello";
document.getElementById("demo").innerHTML += linebreakhere;
我一直在寻找,有没有办法像上面那样添加？
如何使用innerHTML用段落填充一些文本？我需要在文本框中输入一个数字，然后重复一些文本与输入到文本框中的数字一样多的次数。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ex10.js</title>
</head>
<body>
<input type="text" id="input-type" onKeyUp="myFunction()">
<p id="sample-text">Here is some text</p>
<script>
function myFunction() {
let count = document.getElementById("input-type").value;
document.getElementById("sample-text").innerHTML = count;
if (isNaN(count)) {
document.getElementById("sample-text").innerHTML = "Error. Not a number";
}
else {
for(int i = 0; i < count; i++) {
document.getElementById("sample-text").innerHTML = "This is some text";
}
}
}
</script>
</body>
</html>
在翻译 json 我有这样的东西
"Take": "The '<b>{{Name}}</b>' is assigned to user <b>{{user}}</b> until <b>{{Date}}</b>"
但是当我在 html 中尝试这样的事情时
<p [innerHTML]="'Take' | translate: '{ Name: options.Name, user: options.user, Date: options.date }'">
</p>
和对象
options = {
Name: John,
user: Rambo,
Date: 22/02/1997
}
我收到此错误 错误语法错误：TranslatePipe 中的参数错误。期望一个有效的对象，收到： 我不知道我哪里出错了？
有人可以帮助我，如何在innerHTML 标签中使用ng-template，
Stackblitz 演示：https ://stackblitz.com/edit/angular-xgnnj4
我想做的是，
在组件 HTML 中
<div [innerHTML]="htmlString"><div>
在组件 TS
@ViewChild('dynamicComponent', { static: false, read: ViewContainerRef }) myRef: ViewContainerRef;
htmlString = `<ng-template #dynamicComponent></ng-template>`;
ngAfterViewInit(): void {
const factory = this.componentFactoryResolver.resolveComponentFactory(CommentComponent);
const ref = this.myRef.createComponent(factory);
ref.changeDetectorRef.detectChanges();
}
我真的需要以这种方式实现，因为我想从 API 获取 HTML 内容并使用该值动态显示 HTML 内容
当我收到错误时无法读取未定义的属性“createComponent”，但如果我将其放在innerHTML 之外，它可以完美运行
我已经浏览了https://angular.io/guide/dynamic-component-loader但它对我的场景没有帮助
innerhtml angular2-template ng-template angular angular-dynamic-components
innerhtml ×10
javascript ×7
angular ×2
html ×2
jquery ×2
dom ×1
ng-template ×1
safari ×1
selector ×1
text ×1