我可以从其他地方将文本插入HTML吗?

时间:2014-07-21 23:12:01

标签: html

我是网络开发的新手,我在第二个网站上工作。我觉得它应该是一个基本问题,可能已经在Stack Overflow上的某个地方得到了解决。但由于缺乏准确的描述,我无法找到任何直接相关的内容。问题是:

因为我一直在做文案,所以经常我发现自己需要更新包含在很多div内部的HTML代码中的副本。这很不方便;由于文本,代码有时会变得混乱。

我想知道是否有一个简单的方法可以留下一个"句柄"代替HTML代码中的文本,"插入"来自其他地方的文字,比如从CSS中插入样式?我认为它应该在类似于CMS的概念中工作。

2 个答案:

答案 0 :(得分:1)

我认为您正在寻找的是id HTML属性。您可以从javascript中使用它(我使用js,因为您没有指定语言):

var yourelement = document.getElementById('yourelementid');

yourelement.textContent = "Yer text";

你的html是:

<div id="yourelementid"></div>

元素为div或任何其他可以包含文本内容的元素。

如果您需要插入HTML,可以通过.innerHTML或最好通过添加和删除元素来操作DOM。 CSS还有一个attr()属性函数,它允许您在HTML元素上设置任意属性(例如piece="textstuff",其中css为content: attr(piece))。

您还可以使用.appendChild.removeChild构建元素并附加它们(再次,如果您想要插入HTML标记)。

答案 1 :(得分:1)

使用jQuery,您可以使用.html将文本和符号插入到html页面

<html>
 <head>
  <title>Your page</title>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">     
  </script>
   <script type="text/javascript">
     $(function(){
     $("#statictext").html('<b>jQuery</b>');
      $("#symbol").html('&copy;');
    });
 </script>
 </head>
<body>
 <div id="statictext"></div>
 <div id="symbol"></div>
 </body>