如何在HTML圖片上的JavaScript中編寫函數的返回值？
[英]How can I write the return of a function in javascript over an image in HTML?
問題描述
因此，我想在圖像上寫入函數的輸出。 但是我得到的是文字在圖片下方：
我想在圖片上的“ Saldo”一詞下加上那個數字。
var saldo = 10; var tempo=setInterval(function(){debita()}, 1000); function debita(){ if (saldo > 0){ saldo = saldo - 0.0014; document.getElementById("Saldo").innerHTML = saldo; } }
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script src="functions.js"></script> </head> <body> <div style="position: relative;"> <img src="Screen 1.jpg" usemap="#Map" /> <map name="Map" id="Map"> <area href="continuar.html" shape="poly" coords="54,57,15,92,89,92" /> </map> <div style="position: absolute;"><p id="Saldo"></p></div> </div> </body> </html>
2 個解決方案
解決方案1
1 已采納 2015-04-13 22:20:10
您的position: relative;正確position: relative; 在父母和position: absolute; 在孩子上，但您可能需要在孩子上添加top和left位置，例如：
<div style="position: absolute; top: 10px; left: 5px;"><p id="Saldo"></p></div>
解決方案2
1 2015-04-13 22:22:36
img { border: 2px solid black; } #container { position: relative; } #example { position: absolute; top: 25px; width: 50px; left: 25px; color: red; }
<div id="container"> <img src="http://i.stack.imgur.com/3ulso.png"> <div id="example">Number goes here</div> </div>
我如何在 javascript 中返回 html 中的 function，就像在 jsx（反應）中一樣？
[英]How can i return an html in a function in javascript as in jsx (react)?
如何運行函數並將輸出作為圖像 src javascript 返回
[英]How can I run a function and return output as image src javascript
如何逐行讀取HTML文件並使用Javascript為每一行返回document.write（）？
[英]How can I read line by line an HTML file and return document.write() for each line with Javascript?
如何在內容頁面html中編寫javascript函數以及如何調用該函數
[英]How can I write javascript functions in content page html and how I call that function
如何編寫 .html.erb javascript 函數來隱藏特定頁面的標題？
[英]How can I write .html.erb javascript function to hide header from particular pages?
如何使用 javascript 函數的返回來顯示 HTML 按鈕？
[英]How can I display an HTML button using the return from a javascript function?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
如何在HTML中打印JavaScript函數的返回值？
JavaScript函數返回html對象，該如何解析？
我如何在 javascript 中返回 html 中的 function，就像在 jsx（反應）中一樣？
如何運行函數並將輸出作為圖像 src javascript 返回
如何逐行讀取HTML文件並使用Javascript為每一行返回document.write（）？
如何在內容頁面html中編寫javascript函數以及如何調用該函數
如何將其編寫為JavaScript函數？
如何編寫 .html.erb javascript 函數來隱藏特定頁面的標題？
如何在HTML的兩個標簽之間編寫javascript？
如何使用 javascript 函數的返回來顯示 HTML 按鈕？
相關標簽