How to capture the value of a paragraph within a div?

Question

I ask your help to capture the value of a paragraph h4 that is inside a div specific, and place in a form text field. It is to automate a group name response system/singer of an online radio.

This is the div where’s the information I need:

<div class="player">
    <div>
      <h4>CANTOR</h4>
      <h5>MÚSICA</h5>
      <span></span>
    </div>"

Answer 1

The first thing you should do is capture these elements. You can do this through a id, as follows:

HTML

<h4 id="cantor">CANTOR</h4>
<h5 id="musica">MÚSICA</h5>

Javascript

To select the element by id the document.getElementById(). Or the document.querySelector("#ID"), using, in the latter case, the selector #.

var cantor = document.getElementById("cantor").innerHTML;
var musica = document.getElementById("musica").innerHTML;

Already the capture of what is inside is done with the method .innerHTML. All the above code is in Pure Javascript.

Example

Since you did not provide the code of your text box, I created a:

var cantor = document.getElementById("cantor").innerHTML;
var musica = document.getElementById("musica").innerHTML;

var input = document.getElementById("textoCopia");

input.value = cantor + " - " + musica;

<div class="player">
  <div>
    <h4 id="cantor">CANTOR</h4>
    <h5 id="musica">MÚSICA</h5>
    <span></span>
  </div>
</div>

<input type="text" id="textoCopia">

Editing

As this code comes ready and you already have a class="player", just select it and from it have access to the element h4 and h5. You can do it like this, since you are using Jquery:

var cantor = $('.player div h5').text();
var musica = $('.player div h4').text();

$('input').val(cantor + " - " + musica);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="player">
  <div>
    <h4>CANTOR</h4>
    <h5>MÚSICA</h5>
    <span></span>
  </div>
</div>

<input type="text">

Make sure it fits, I didn’t add anything to the HTML, I just made the selection with Jquery and added a input as an example.