标签: innerhtml

我正在使用Sharepoint(WSS 3.0),遗憾的是它在格式化调查问题方面的能力非常有限(即,它会删除您输入的任何HTML).我在其他地方看到了一个解决方案,建议我们在主页文件中添加一些JS,以便允许换行.这很好用,但我想看看我们是否也允许链接.

在我们的WSS调查中,我现在可以在任何我希望换行的地方使用{{br}}(这很有效).我已尝试扩展代码以允许使用链接标记(例如,{{link1}}网址{{link2}}网址标题{{link3}};但是,这不起作用,大概是因为更新不是作为一个整体发生,然后浏览器尝试逐个渲染,混淆它.(FF和IE显示不同的结果,但都失败.如果我混淆了JS的顺序 - 即,做link3,2然后1 - 输出也会改变,但仍然失败.)有更好的方法吗？

<script language="JavaScript">
var className;
className = 'ms-formlabel';
var elements = new Array();
var elements = document.getElementsByTagName('td');
for (var e = 0; e < elements.length; e++)
{
if (elements[e].className == className){
elements[e].innerHTML = elements[e].innerHTML.replace(/{{br}}/g,'<br/>');
elements[e].innerHTML = elements[e].innerHTML.replace(/{{link1}}/g,'<a href="');
elements[e].innerHTML = elements[e].innerHTML.replace(/{{link2}}/g,'">');
elements[e].innerHTML = elements[e].innerHTML.replace(/{{link3}}/g,'</a>');}
}
</script>

我有一个框架生成这个无线电,如何更新标签whithout id但"for"属性的"asa"文本？

<input type="radio" value="questao1" id="SimuladoQuestao1">
        <label for="SimuladoQuestao1">asa</label>

谢谢,塞尔索.

好吧,我有一些id ='0','1','2','3'等复选框.所以我需要获取复选框的文本.这是PHP中的复选框代码.

'<input id="'.$i.'"type="checkbox" name="option1" value="a1" onclick="checkYears()">'.$years[$i].'</input>

所以我需要获得$ years [$ i] -value.我正在使用此代码.

while (bool==false)
    {
        if (document.getElementById(i)!=null)
        {
            if (document.getElementById(i).checked)
            {
                years.push(1);
                yearsValue.push(document.getElementById(i).innerHTML);
                document.getElementById(i).innerText="WORKS";
                console.log(yearsValue[i]);
            }
            else
            {
                years.push(0);
                yearsValue.push(document.getElementById(i)).innerHTML);
                console.log(yearsValue[i]);
            }
        }
        else 
        {
            bool=true;
        }
        i++;
    }

0和1都添加正常,但是当我尝试使用innerHTML时,在consle中存在和未定义的值.

有什么建议？

我有一个目标div el显示一些组件.这些组件附加了一些事件(鼠标悬停,点击时).我不控制这些代码既不是那些事件.他们就在那里.我想在这个div中渲染一个小部件.为此我做了类似的事情:

var save = el.innerHTML; 
el.innerHTML = "my widget code";

当我的小部件完成其过程时,我想回到原始内容,所以我这样做:

el.innerHTML = save;

以前保存的组件已正确替换,但附加到它们的事件不再起作用.

我无法隐藏,显示div.我需要替换innerHTML以获得确切的样式和定位.

你会怎么做？如果它有帮助我正在使用jQuery.

谢谢.

我想找到:

" 纽约 "并将其替换为" 纽约市 "
" 华盛顿 ",并将其替换为" 西雅图 "
" 佛罗里达 ",并将其替换为" 杰克逊维尔 "
" 南卡罗来纳州 ",并将其替换为" 哥伦比亚 "
" West_Virginia "并替换它与" 查尔斯顿 "

我在下面制作了以下示例代码,但这似乎不起作用:

演示:http://jsfiddle.net/N3ZmS/

<td id="dont-replace-them">
New York<br />
Washington<br />
Florida<br />
South-Carolina<br />
West_Virginia<br />
</td>

<br />

<td id="replace-them">
New York<br />
Washington<br />
Florida<br />
South-Carolina<br />
West_Virginia<br />
</td>

<script type="text/javascript">
function replaceWords() {
    document.getElementById("replace-them").innerHTML.replace("New York", "New York City");
    document.getElementById("replace-them").innerHTML.replace("Washington", "Seattle");
    document.getElementById("replace-them").innerHTML.replace("Florida", "Jacksonville");
    document.getElementById("replace-them").innerHTML.replace("South-Carolina", "Columbia");
    document.getElementById("replace-them").innerHTML.replace("West_Virginia", "Charleston");
}; …

我建立一个计分板

当有人单击+500按钮时会执行什么操作，它将在记分板上的值增加500，即将p标签的值增加500

   <div class="box"> 
 <h2>Teams</h2>
 <div class="score">
    <p id="p1" class="lead">230</p>
  </div>
  /div>
 <button id="b1">+500</button>

JavaScript的

var myScore = document.getElementById("b1");
myScore.onclick = function () {
    var newScore = document.getElementById("p1").innerHTML;
    var value = newScore + 500;
    document.getElementById("p1").innerHTML = value;
};

但是向我显示的是 230500，而不是730。如何以整数形式更改内部html值230？

继续得到这个错误,不明白为什么

未捕获的TypeError:无法读取null的属性"innerHTML"

我的代码是:

function write(message) {
  document.getElementById('message').innerHTML += message + '<br/>';
}

function calculateCircumference (diameter) {
    return diameter * 3.14;
}

write (calculateCircumference(4));

我是jQuery和Javascript开发的新手.我已经快速制定了一个利用html数据标签生成链接描述的网站导航的想法.我把它放在这里小提琴里.我的问题是jquery没有按预期运行.我太新了,无法确定错误是什么.我非常感谢任何提示.先感谢您!

以下是jquery的代码片段:

$(document).ready(function () {
$(".nav-button").hover(function (e) {
    var description = this.data('title') + ' <span>' + this.data('description') + '</span>';
    document.getElementById('nav-description').innerHTML = description;

}, function (e) {
    document.getElementById('nav-description').innerHTML = '';
});
});

我正在寻找清除内容中的内容,<div>但如果我运行代码它不起作用.JS的新手,非常喜欢知道它是如何工作的人的手!

代码原样:

<html>
<head>
    <!-- Javascript -->
    <script type="text/javascript">

        //UpdatesPlayerRoster
        function refreshRoster(){
            document.getElementById('roster').innerHTML = "";
        }
    </script>
</head>
<body>

    <div id=bodyContainer class="bodyContainer">
    <div id=playerListContainer class="playerListContainer">
        <div id=playerListHeader class="playerListHeader"><span class="playerListHeaderText">Players</span></div>
        <div id=playerListBody class="playerListBody">
        <table>
        <div id=roster>
            <tr><td>CONTENT TO BE CLEARED</td></tr>
        </div>
        </table>
    </div>

    <a href="#" onClick = "refreshRoster()">Refresh</a>
    </div>

</body>

我希望输入框中的文本在按下输入按钮后清除,并将addTask功能添加到列表中.我尝试了document.getElementById("inp").innerHTML =""但它没有用.我怎样才能做到这一点？

HTML:

<div id="todo">
    <h1>To-Do List</h1>
    <section>
        <input type="input" placeholder="what do you need to do?" v-model="newTask" v-on:keyup.enter="addTask" id="inp">
    </section>

    <ul>
        <li v-for="task in todoList">
            <label>{{ task }}</label>
            <button type="button" v-on:click="removeTask(task)">X</button>
        </li>
    </ul>

</div>

VueJS:

var todo = new Vue({
    el: 'div#todo',
    data: {
        newTask:'',
        todoList: []
    },
    methods: {
        addTask: function() {
            var task = this.newTask
            this.todoList.push(task)
        },
        removeTask: function(task) {
            var index = this.todoList.indexOf(task)
            this.todoList.splice(index, 1)
        }

    }
})