标签: innerhtml

为什么这个 javascript 警报会触发两次?

<script type="text/javascript">
function ChangeStyle()
{
    document.getElementById("p1").innerHTML = 
        "<a href='javascript:void()' onclick=\"window.location.href='http://google.com'\">The New Link</a>";
}
</script>
<a id="p1" href="javascript:void()" onclick="ChangeStyle();alert('hello');">The Link</a>
Run Code Online (Sandbox Code Playgroud)

这是完整的代码。由于某种原因,警报会触发两次。我想不通。

html javascript alert onclick innerhtml

0
推荐指数
1
解决办法
2150
查看次数

javascript在循环中添加到innerhtml的开头和结尾

我有一个 setInterval ,每次循环时我都想在 div 文本的开头和结尾添加一些内容。假设我想添加字母“x”。我只知道如何像这样添加到最后......

t=setInterval(function(){
document.getElementById('test').innerHTML +='x'
},1000)
Run Code Online (Sandbox Code Playgroud)

假设在清除间隔之前循环运行 10 次,我的文本将如下所示:

我的文字xxxxxxxxxxxx

我希望它看起来像

xxxxxxxxxx我的文本xxxxxxxxxxxx

javascript append innerhtml

0
推荐指数
1
解决办法
5274
查看次数

innerhtml中的javascript无法正常工作

例如:

<html>
    <div id="media">123</div>
    <a href="javascript:void(0)" onClick="return fun()">Click</a>
    <script type="text/javascript">
        function fun() {
            document.getElementById("media").innerHTML = '<script type="text/javascript">alert("working");<\/script>';
        }
    </script>
</html>
Run Code Online (Sandbox Code Playgroud)

单击警报后不显示.

alert("working"); 只是一个例子.我想让它完成一个工作其他JavaScript.我有一个工作要通过ajax处理应该使用innerHTML

javascript innerhtml

-1
推荐指数
1
解决办法
3927
查看次数

.innerHTML在<p>标签上返回undefined

我有一个类,它对<p>包含一些文本的元素创建一个打字机效果.请参阅下面的HTML和JavaScript.

我有一个用JavaScript处理动画部分的类.这必须是一个班级,因为会有其他事情发生.

var ani;
$(document).ready(function() {
  ani = new Animate_text("test sentence", false, 30);
  ani.writer();
});



class Animate_text {

  constructor(text, dynamic, speed) {
    this.text = text;
    this.speed = speed;
    this.dynamic = dynamic;
    this.chars = text.length;
    this.text_loc = 0;
    this.timerID = null;
    this.animate_image = false;
  }



  writer() {
    var sContents = "";
    var destination = document.getElementById("text");
    console.log(destination.innerHTML);
    destination.innerHTML = this.sContents + this.text.substring(0, this.text_loc) + "";

    if (this.text_loc++ == this.chars) {
      this.text_loc = 0;
      if (this.dynamic) {
        window.clearTimeout(this.timerID);
        ani = null; …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery class innerhtml

-1
推荐指数
1
解决办法
574
查看次数

document.getElementById是作为字符串提取的吗?

有人可以告诉我document.getElementById是否将该元素作为字符串获取?我正在创建一个变量,然后尝试将它与某些范围进行比较,但它无法正常工作.

google.setOnLoadCallback(queryValue3);
function queryValue3 () {
var query3 = new google.visualization.Query('https://spreadsheets.google.com/spreadsheet/tq?range=B2:B17&key=0Ai_2YLvaQba0dFlQQnU2ZWV1SFp2QUZMcHVfcnVQcFE&gid=10');
query3.send(function (response) {
    if (response.isError()) {
        alert('Error in query3: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        return;
    }
var data3 = response.getDataTable();
var m1 = data3.getValue(0, 0);
var red22 = "<span style='color:#ff0000'>" + a22 + "</span>";
var yellow22 = "<span style='color:#FF9900'>" + a22 + "</span>";
var green22 = "<span style='color:#009900'>" + a22 + "</span>";
if (m1 <= 70)
{
m1 = green22;
}
else if (71 === m1 …
Run Code Online (Sandbox Code Playgroud)

javascript string innerhtml

-2
推荐指数
1
解决办法
152
查看次数

有没有理由为innerhtml不会写

我有一个页面

<div id='new-feed-1367862865'>original</div>
Run Code Online (Sandbox Code Playgroud)

我有一个iframe

<script type="text/javascript">
  var output-feed="<div id='new-feed-1367862872'></div>New"; 
  parent.document.getElementById('new-feed-1367862865').innerHTML=output-feed;
  </script>
Run Code Online (Sandbox Code Playgroud)

有什么理由不会改变父DIV的内容.它的工作量和我试过的一样多.

javascript innerhtml

-2
推荐指数
1
解决办法
122
查看次数

为什么我不能在变量上使用innerHTML属性?

假设我有以下html : div id="my_div"><span>no no</span></div>. 我想改变文本无无有有.我可以这样做:

document.getElementById("my_div").getElementsByTagName('span')[0].innerHTML = "yes yes"
Run Code Online (Sandbox Code Playgroud)

但是,如果我想将事物用作以下变量:

var x = document.getElementById("my_div").getElementsByTagName('span')[0].innerHTML;    
    x = "yes yes";
Run Code Online (Sandbox Code Playgroud)

现在的文字不会没有改变.为什么?

html javascript innerhtml

-2
推荐指数
1
解决办法
279
查看次数

修复IE8中的"未知运行时错误"

我没有看到其他人真正想要实现我的目标...人们想要通过innerHTML属性替换一些节点但是,我不仅想要这样做,而且我还想用javascript替换它.

下面是我的示例脚本是在Firefox的所有版本中工作正常: http://syn4k.site90.net/working_test/ 编辑:如果上面的链接不起作用,试试这个:HTTP://www.syn4k.freehosting .COM/working_test /

你会注意到它在IE8中不起作用.我猜它不适用于任何版本的IE ...

我在链接上创建的过程很简单:1.用户点击进入该过程.2.打开一个新窗口.3.来自新窗口的数据被发送回开启器并插入到DOM中.3.note.发回的数据是javacript,应该像在Firefox中一样执行.

html javascript runtime-error innerhtml

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

Javascript - onclick无效

我不知道为什么,但我的一个按钮的onclick事件无法正常工作.这是我用来在表单上进行计算的那个.我有两个正常运行的,一个触发打印功能,另一个重定向到另一个页面.

这是3个按钮的Javascript:

<script type="text/javascript">
function previewFunction() {
    window.location.href = "preview.php";
}

function printFunction() {
    window.print();
}

function calculateFunction() {
    var e = document.getElementById("limit");
    var limit = e.options[e.selectedIndex].value;
    var rate = .0075;
    var fee = .0025;

    var cost = (rate + fee) * limit;
    document.getElementById("cost").innerHtml = cost;
}

</script>
Run Code Online (Sandbox Code Playgroud)

calculateFunction()是不起作用的.

这是计算按钮/成本范围的HTML:

<tr>
    <th align="center"><input class="buttonStuff" type="button" onclick="calculateFunction()" value="Calculate" /></th>
    <th valign="bottom" align="center"><span style="font-size: 20pt;">Cost: </h3><span id="cost" style="text-decoration:underline;">$0.00</span></th>
</tr>
Run Code Online (Sandbox Code Playgroud)

这是两个有效的HTML:

<tr class="container">
    <td width="25%" align="center"><input class="buttonStuff" type="button" onclick="previewFunction()" value="Preview" /></td>
    <td width="25%" …
Run Code Online (Sandbox Code Playgroud)

html javascript onclick innerhtml

-3
推荐指数
1
解决办法
435
查看次数

JS循环没有结果

尝试创建一个带循环的数组,然后对数组的所有内容求和,并将结果作为a的内容,DIV但是当我运行小提琴时,我得不到结果,jshint说一切都很好.

var begin = 500000;
var stop = 999999;
var arrInt = [];

// Create an array worth summing
var CreateArray = function (begin,stop) {
    while(begin < stop +1){ 
        arrInt.push(begin++);
    }
};

// Sum all ints in an array
var IntSum = function (ManyInts) {
    var i = arr.length; while (i--) { 
        return;
    }
};

var example = document.getElementById("example").innerHTML;
example=IntSum(arrInt);


<div id="example"></div>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/7b8rqme5/

javascript arrays loops innerhtml

-4
推荐指数
1
解决办法
43
查看次数

标签 统计

innerhtml ×10

javascript ×10

html ×5

onclick ×2

alert ×1

append ×1

arrays ×1

class ×1

jquery ×1

loops ×1

runtime-error ×1

string ×1