создать переменную ссылку как гиперссылку javascript - PullRequest
Новая
       0

создать переменную ссылку как гиперссылку javascript

0 голосов
/ 15 января 2020

создать гиперссылку с переменной ссылкой 

<html>
<body>
<center><h1> retrive data</h1></center>
<h1 id="head1"> </h1>
<input type="text" placeholder="enter your unique id" id="pass"/>
 <input type = "button" value = "submit" id="but" onclick="myfunction();"/>


<script>
   var pass;

function myfunction()
{
   pass = document.getElementById("pass").value;
  document.writeln(pass);
  document.writeln("<br>");
  document.writeln("<br>");
  document.writeln("<br>");
  document.writeln("<br>");
  var passwordToLookFor = pass;
var ref = firebase.database().ref("users");
var query = ref.orderByChild("password").equalTo(passwordToLookFor);
query.once("value").then(function(snapshot) {
  snapshot.forEach(function(child) { // loop over the results
    console.log(child.key);
    console.log(child.val().user_name);

    var link = child.val().user_name;
    document.writeln(link);
    });
});
}
</script>
</body></html>

я хочу создать значение ссылки в виде гиперссылки я хочу, чтобы гиперссылка была создана один раз когда функция вызывается

Ответы [ 3 ]

2 голосов
/ 15 января 2020

Вы просто ищете, как сделать это тегом привязки? 

<script>
   var pass;

function myfunction()
{
   ...

    var link = child.val().user_name;
    document.writeln("<a href='"+link+"' target='_blank'>"+link+"</a>");
    });
});
}
</script>
</body></html>
0 голосов
/ 15 января 2020

Если я правильно понимаю, и переменная link содержит фактический адрес, по которому вы хотите перейти, то это будет работать. Сначала просто установите идентификатор для div, который вы хотите заполнить ссылками: 

<div id="target-div"></div>

Затем заполните его так (я только что создал массив для демонстрационных целей, но это будет ваш снимок.forEach: 

var links = ['link1', 'link2', 'link3']

var targetDiv = document.getElementById("target-div");

links.forEach(function(link) {
    var anchor = document.createElement('a');
  anchor.href = link;
  anchor.innerText = link;
  targetDiv.appendChild(anchor);

  var br = document.createElement('br');
  targetDiv.appendChild(br);
});

Демо: https://jsfiddle.net/csnuh7rd/2/

0 голосов
/ 15 января 2020

Вы можете создать элемент a dom следующим образом: 

let link_el = document.createElement('a')
link_el.href = link // assuming link holds the value of the href you want

Затем вставьте его в dom в любом месте.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...