简体   繁体   English

从javascript函数插入HTML div标签

[英]Inserting into a HTML div tag from a javascript function

I have searched online for a solution to my problem, but I can't seem to fix it. 我已经在网上搜索了我的问题的解决方案,但似乎无法解决。 I've tried also using a validator, but still nothing gives. 我也尝试过使用验证器,但仍然没有结果。 Sorry if you think that this is a repeated question. 抱歉,如果您认为这是一个重复的问题。 I just can't seem to find anything. 我似乎什么也找不到。 Here's what I did: 这是我所做的:

    <!DOCTYPE html>

    <html>
 <head>
 <title></title>
 </head>
 <body>

 <p><strong>User Information:</strong></p>

 <button onclick="getUserInfo()">Begin</button>

 <div id=”content”>Hello</div>

 <script type="text/javascript">

 function getUserInfo(){

 var name = prompt("What is your full name?", "Name");
 var age = prompt("How old are you?", "Age");
     if (name !== null && age !== null) {
    document.getElementById("content").innerHTML =
    "Hello, my name is " + name + " and I'm " + age + " years old.";

}           
 }
 </script>


 </body>
 </html>

Change 更改

<div id=”content”>Hello</div>

to

<div id="content">Hello</div>

It might be the issue here. 这可能是这里的问题。

Javascript 手风琴菜单; 将 html 插入<div>从<a>标签</a></div><div id="text_translate"><p><a>我要做的是设置一种相当标准的布局 - header,左侧菜单和右侧主体,并使其与 IE、FF 和 Chrome 兼容!</a></p><a> </a><p><a>对于菜单,我希望使用手风琴风格的菜单——我在这里选择了这个,因为它看起来很轻,工作得很好,而且很容易编辑菜单项。</a> <a href="http://www.i-marco.nl/weblog/jquery-accordion-menu/" rel="nofollow">http://www.i-marco.nl/weblog/jquery-accordion-menu/</a></p><p> 正如您对此布局所期望的那样,单击菜单选项将在右侧显示信息。 现在有几种方法可以做到这一点,但我想使用的选项是将 html 插入到 &lt;div&gt; 中。 对于这个菜单,它使用 &lt;a&gt; 标签——让它们将 html 加载到 div 标签中是我的第一个问题。 我有一个朋友提供的小代码,我认为应该拦截 &lt;a href&gt;,然后将链接的 html 插入到 div 标签中。 不幸的是,它似乎不起作用,我希望这里有一个善良的灵魂可能会对一个菜鸟感到遗憾,并为我提供一些启示::)</p><p> 所以这是我的索引中非常基本的代码。html</p><pre> &lt;script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8"&gt; /* &lt;.[CDATA[ */ function initMenu() { $('#menu ul');hide(): $('#menu ul.first');show(). $('#menu li a').click(function(){ var checkElement = $(this),next(). href = $(this);attr('href'). if((checkElement.is('ul')) &amp;&amp; (checkElement:is(';visible'))) { return false. } if((checkElement.is('ul')) &amp;&amp; (:checkElement:is('.visible'))) { $('#menu ul;visible').slideUp('normal'); checkElement;slideDown('normal'). return false, } if (href,= '#') { $.get(href;function(data){ var inserting = $('body'.data),html(). $('#TEST');fadeOut('fast';function(){ $(this);html(inserting); }); }). return false; } }); } $(document).ready(function() {initMenu().}). /* ]]&gt; */ &lt;/script&gt; &lt;ul id="menu"&gt; &lt;li&gt; &lt;a href="#"&gt;Weblog Tools&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="text.html"&gt;Simple Text&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="s2000.html"&gt;S2000 Info&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;Typo&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Programming Languages&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;PHP&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="html/text.html"&gt;Ruby&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;Python&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;PERL&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div id="TEST"&gt; Content should replace this text. &lt;/div&gt;</pre><p> 简单文本 html 加载到 div text.html</p><pre> &lt;html&gt; &lt;body&gt; &lt;p&gt;&lt;h1&gt;simple text&lt;/h1&gt;&lt;/p&gt; &lt;p&gt;Lorem ipsum dolor sit amet, vim ut diam nulla admodum.&lt;/p&gt; &lt;p&gt;Eum eu odio movet, nusquam deleniti ut his, usu te eius tamquam.&lt;/p&gt; &lt;p&gt;blah &lt;br /&gt; de-blah &lt;br /&gt;... &lt;/p&gt; &lt;/body&gt; &lt;/html&gt;</pre></div> - Javascript Accordion Menu; Inserting html into <div> from <a> tags

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何返回一个 HTML<div> 从 React 中的 javascript 函数标记? - How to return an HTML <div> tag from a javascript function in React? 插入CameraTag <video> 从JavaScript标记为div标签 - Inserting CameraTag <video> tag into a div tag from JavaScript 从第三方动态插入javascript广告代码不会以div为中心? - Dynamically inserting javascript ad tag from third party will not center in div? 使用javascript pasteHTML函数插入自定义html标记 - Inserting custom html tag using javascript pasteHTML function Javascript-将HTML标记从textarea替换为div - Javascript - Replace HTML tag from textarea to div 使用JavaScript将HTML插入标签 - Inserting HTML into tag using JavaScript Javascript 手风琴菜单; 将 html 插入<div>从<a>标签</a></div><div id="text_translate"><p><a>我要做的是设置一种相当标准的布局 - header,左侧菜单和右侧主体,并使其与 IE、FF 和 Chrome 兼容!</a></p><a> </a><p><a>对于菜单,我希望使用手风琴风格的菜单——我在这里选择了这个,因为它看起来很轻,工作得很好,而且很容易编辑菜单项。</a> <a href="http://www.i-marco.nl/weblog/jquery-accordion-menu/" rel="nofollow">http://www.i-marco.nl/weblog/jquery-accordion-menu/</a></p><p> 正如您对此布局所期望的那样,单击菜单选项将在右侧显示信息。 现在有几种方法可以做到这一点,但我想使用的选项是将 html 插入到 &lt;div&gt; 中。 对于这个菜单,它使用 &lt;a&gt; 标签——让它们将 html 加载到 div 标签中是我的第一个问题。 我有一个朋友提供的小代码,我认为应该拦截 &lt;a href&gt;,然后将链接的 html 插入到 div 标签中。 不幸的是,它似乎不起作用,我希望这里有一个善良的灵魂可能会对一个菜鸟感到遗憾,并为我提供一些启示::)</p><p> 所以这是我的索引中非常基本的代码。html</p><pre> &lt;script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" charset="utf-8"&gt; /* &lt;.[CDATA[ */ function initMenu() { $('#menu ul');hide(): $('#menu ul.first');show(). $('#menu li a').click(function(){ var checkElement = $(this),next(). href = $(this);attr('href'). if((checkElement.is('ul')) &amp;&amp; (checkElement:is(';visible'))) { return false. } if((checkElement.is('ul')) &amp;&amp; (:checkElement:is('.visible'))) { $('#menu ul;visible').slideUp('normal'); checkElement;slideDown('normal'). return false, } if (href,= '#') { $.get(href;function(data){ var inserting = $('body'.data),html(). $('#TEST');fadeOut('fast';function(){ $(this);html(inserting); }); }). return false; } }); } $(document).ready(function() {initMenu().}). /* ]]&gt; */ &lt;/script&gt; &lt;ul id="menu"&gt; &lt;li&gt; &lt;a href="#"&gt;Weblog Tools&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="text.html"&gt;Simple Text&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="s2000.html"&gt;S2000 Info&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;Typo&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#"&gt;Programming Languages&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;PHP&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="html/text.html"&gt;Ruby&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;Python&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="local_link.html"&gt;PERL&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div id="TEST"&gt; Content should replace this text. &lt;/div&gt;</pre><p> 简单文本 html 加载到 div text.html</p><pre> &lt;html&gt; &lt;body&gt; &lt;p&gt;&lt;h1&gt;simple text&lt;/h1&gt;&lt;/p&gt; &lt;p&gt;Lorem ipsum dolor sit amet, vim ut diam nulla admodum.&lt;/p&gt; &lt;p&gt;Eum eu odio movet, nusquam deleniti ut his, usu te eius tamquam.&lt;/p&gt; &lt;p&gt;blah &lt;br /&gt; de-blah &lt;br /&gt;... &lt;/p&gt; &lt;/body&gt; &lt;/html&gt;</pre></div> - Javascript Accordion Menu; Inserting html into <div> from <a> tags PHP / Javascript将带有&#39;和&#39;的html插入到PHP的javascript函数中 - PHP/ Javascript inserting html with ' and " to a javascript function from PHP 通过JavaScript在div标签中插入HTML元素,而不会彼此删除 - Inserting HTML elements in div tag via JavaScript without removing each other 从锚html标签调用javascript函数 - call javascript function from anchor html tag
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM