γιατί δεν εκτείνεται μου δείχνει μέσα στο div μου;

ψήφοι
0

Είμαι προσπαθεί να δείξει κάποια ανοίγματα σε σειρά σαν να ήταν ένα έγγραφο. Ωστόσο, όταν η φόρτωση ετικέτες διάρκεια μου σε div μου, δεν εμφανίζονται παρά το γεγονός ότι σύμφωνα με την κονσόλα του div περιέχει τα ίδια τα ανοίγματα. Δεν είμαι σίγουρος αν πρέπει να τη ρύθμιση επιπλέον παραμέτρων των ίδιων ίσως ανοίγματα ??

var documentbody = document.getElementById(docbod);

/* turns every word in the document into an element then appends them to the div that contains the doc body */
function splitdocintowords(div) {
  var divarray = []
  var state = [hey, there, how, are, you, doing?]
  for (let i = 0; i < state.length; i++) {
    span = document.createElement(span)
    span.value = state[i]
    span.id = word + i;
    span.classList.add(initialTextcolor)
    div.append(span)
  }
  return div
}


/* highlights a selected word within the document*/
function highlight(selection) {
  console.log(selection, selection)
  let element = document.getElementById(selection.id);
  element.classList.add(highlighted);

}
documentbody.value = splitdocintowords(documentbody)
documentbody.addEventListener(mouseup, highlight(window.getSelection()));
<h2>doc body</h2>
<div id=docbod class=docbody> </div>

Δημοσιεύθηκε 09/10/2019 στις 19:01
πηγή χρήστη
Σε άλλες γλώσσες...                            


2 απαντήσεις

ψήφοι
-1

Μπορείτε Span είχε πάρει προσαρτάται στο div, αλλά δεν έχουν κανένα περιεχόμενο μέσα από το το χαρακτηριστικό «αξία» ιδρύθηκε αντί innerText ή innerHTML

var documentbody = document.getElementById("docbod");

/* turns every word in the document into an element then appends them to the div that contains the doc body */
function splitdocintowords(div) {
  var state = ["hey", "there", "how", "are", "you", "doing?"]
  for (let i = 0; i < state.length; i++) {
    span = document.createElement("span")
    span.innerHTML = state[i]; //use innerText, innerHTML or textContent here
    span.id = "word" + i;
    span.classList.add("initialTextcolor")
    div.appendChild(span)
  }
}


splitdocintowords(documentbody)
<h2>doc body</h2>
<div id="docbod" class="docbody"> </div>

Απαντήθηκε 09/10/2019 στις 19:08
πηγή χρήστη

ψήφοι
-1

Αλλάξτε το span.valueναspan.innerHTML = state[i]

var documentbody = document.getElementById("docbod");

/* turns every word in the document into an element then appends them to the div that contains the doc body */
function splitdocintowords(div) {
  var divarray = []
  var state = ["hey", "there", "how", "are", "you", "doing?"]
  for (let i = 0; i < state.length; i++) {
    span = document.createElement("span")
    span.innerHTML = state[i]
    span.id = "word" + i;
    span.classList.add("initialTextcolor")
    div.append(span)
  }
  return div
}

/* highlights a selected word within the document*/
function highlight(selection) {
  console.log("selection", selection)
  let element = document.getElementById(selection.id);
  element.classList.add("highlighted");

}
documentbody.value = splitdocintowords(documentbody)
documentbody.addEventListener("mouseup", highlight(window.getSelection()));
#docbod {
  border: 1px solid #000
}
<h2>doc body</h2>
<div id="docbod" class="docbody"> </div>

Απαντήθηκε 09/10/2019 στις 19:06
πηγή χρήστη

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more