html实现div打印,如何在html div的中间打印/附加从按钮单击的值？

2024-04-01 16:10:40

在带有onclick功能(example here)的导航菜单上，显示div标签内容我想传递一个附加值来加载特定内容。这是当前的代码：如何在html div的中间打印/附加从按钮单击的值？

London
Paris
Tokyo

London

London is the city of England.

Paris

Paris is the capital of .

Tokyo

Tokyo is the capital of .

这是JavaScript：

function openCity(evt, cityName, ThirdValue) {

// Declare all variables

var i, tabcontent, tablinks;

// Get all elements with class="tabcontent" and hide them

tabcontent = document.getElementsByClassName("tabcontent");

for (i = 0; i < tabcontent.length; i++) {

tabcontent[i].style.display = "none";

}

// Get all elements with class="tablinks" and remove the class "active"

tablinks = document.getElementsByClassName("tablinks");

for (i = 0; i < tablinks.length; i++) {

tablinks[i].className = tablinks[i].className.replace(" active", "");

}

// Show the current tab, and add an "active" class to the link that opened the tab

document.getElementById(cityName).style.display = "block";

evt.currentTarget.className += " active";

alert(ThirdValue);

}

我不能到div内得到第三个变量。我能够看到它与alert(ThirdValue);，但使用我不能够在html中添加它。

我需要在html中添加此值。我该如何在html中打印/追加这个值？

html实现div打印,如何在html div的中间打印/附加从按钮单击的值？相关推荐

oracle存储过程日志打印,如何在oracle存储过程中逐行打印
我正在执行一个存储过程,但它在某个时候失败了, 当前错误代码不帮我找到错误的位置和确切位置我想知道它正在失败,所以想要在执行时逐行输出. 例如:如何在oracle存储过程中逐行打印 create o ...
html js div 内容高度,JavaScript获取div高度并实现高度监听
demo #demo { width: 100px; height: 200px; background: yellow; margin: 10px; padding: 10px; border: 2 ...
xHTML+div布局：三个div,两边div宽度固定，中间div宽度自适应
xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码 1 <div class="dyleft"&g ...
html语言div什么意思,css中div是什么意思？
css中div是什么意思? div是html中的一个标签,通常作为容纳其他元素的容器.在css中,表示一种选择器,可以直接使用div(标签选择器)来查找HTML元素设置样式:而如果是.div那么表示某 ...
php中的div是什么意思,div是什么意思？div标签怎么用
很多刚入门的新手,对div是什么意思还不是很了解,现在很多网站上都有div,那么究竟div是什么意思?下面我们来总结一下div标签怎么用. 一:div是什么意思我们随便打开一个网页源代码就会发现里面 ...
div 隐藏_CSS实现六边形Div图片展示效果
一. 效果图二. 六边形效果涉及到的知识点 1. transform: rotate(120deg); // 元素旋转 2. overflow: hidden; // 超出隐藏 3. visibil ...
实现div可以调整高度（div实现resize）
实现div可以调整高度(div实现resize) 一.div 实现resize(类似textarea) 代码如下: <!DOCTYPE html> <html><head ...
css 容器内 div 底部,CSS：在div容器的底部放置一個div容器
My intention is to place a div-container inside a div-container, but it isn't working atm. My div-co ...
[译] 关于CSS中的float和position (父容器div内的子元素div为float时，父元素无法撑开（或高度自适应）的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...

最新文章

热门文章